/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
    outline: none;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/****** Main ********/

body {
    font-size: 62.5%;
    padding-left: 0px !important;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    padding-top: 0px;
}

.header {
    height: 0px;
}

p {
    font-size: 14px;
    line-height: 1.3;
}

.vertical-center {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 47%;
    transform: translateY(-47%);
    z-index: 9;
}

.vertical-center p {
    margin-top: 23px;
}

.container {
    position: relative;
    margin: 0 auto;
}

.container.fullpanel {
    height: 100vh;
}

.pagination {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

    font-size: 1.4em;
    z-index: 10;
}

.pagination a {
    display: block;
    height: 20px;
    margin-bottom: 5px;
    color: white;
    position: relative;
    padding: 4px;
}

.pagination a.active:after {
    box-shadow: inset 0 0 0 5px;
}

.pagination a .hover-text {
    position: absolute;
    right: 15px;
    top: 7px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    padding-right: 15px;
}

.pagination a:hover .hover-text {
    opacity: 1;
}

.pagination a:after {
    -webkit-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid;
    border-radius: 50%;
    content: '';
    position: absolute;
    margin: auto;
    top: 0;
    right: 4px;
    bottom: 0;
}

.social-corner {
    position: absolute;
    top: 18px;
    right: 40px;
}

.social-corner iframe:first-child {
    margin-right: 3px;
}

.vertical-center a:link,
.vertical-center a:visited {
    color: white;
    text-decoration: none;

    font-size: 0.6em;
}

.arrow {
    position: relative;
    padding-right: 15px;
}

.arrow:before,
.arrow:after {
    content: '';
    position: absolute;
    right: 0;
    top: 7px;

    width: 2px;
    height: 12px;
    background: white;
}

.arrow:before {
    transform: rotate(45deg);
    top: 15px;
}

.arrow:after {
    transform: rotate(-45deg);

}

.show-in-media22 {
    display: none !important;
}

section#process .headAnim2 {
    position: absolute;
    z-index: 3;
    height: 230px;
    width: 230px !important;
    top: 145px;
}

#process_blueprint .headAnim2 {
    left: -60px !important;
}

div#process_blueprint .headAnim2 {
    top: 182px;
}

section#process .headAnim3 {
    position: absolute;
    z-index: 3;
    height: 230px;
    width: 230px !important;
    top: 208px;
    left: -60px;
}

.contents#process_visualize .headAnim3 {
    height: auto;
    width: auto !important;
}

#process_blueprint .headAnim3 {
    left: -60px !important;
}

.organisation666 {
    width: 1000px;
    margin: 0 auto;
}

@media (max-width: 800px) {
    h1 {
        font-size: 15vw;
    }

    h2 {
        font-size: 12vw;
    }

    .inner {
        width: 70%;

    }
}

a {
    text-decoration: none;
    cursor: pointer;
}

.headerLogo {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.headerLogo {
    width: 10%;
}

.headerLogo a {
    width: 150px;
    height: 56px;
    display: block;
    background-image: url(../images/logo.png);
    background-size: 100% 100%;
    transition: opacity .35s;
}

.headerBar {
    text-align: center;
    width: 80%;
    line-height: 60px;
}

.headerBar {
    position: relative;
}

.headerBar {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
}

.headerNav {
    display: block;
    z-index: 2;
}

.headerBar, .headerNav, .headerNav > a {
    position: relative;
}

.headerNav > a {
    color: #000;
}

.breadcrumbs span, .headerNav > a {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    font-size: 13px;
}

.headerNav > a span {
    transition: opacity .35s;
    display: inline-block;
    line-height: 1;
}

.headerNav > a + a {
    margin-left: 35px;
}

.headerNav > a.is-active span, .headerNav > a:hover span {
    opacity: .5 !important;
}

.headerNav > a span {
    transition: opacity .35s;
    display: inline-block;
    line-height: 1;
}

.title_holder {
    position: relative;
    width: 100%;
    min-height: 450px;
    height: 90vh;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.title_holder .holder_items {
    position: relative;
    width: 100%;
    height: 100%;
}

.title_holder .holder_items .fixed_elements {
    position: relative;
    z-index: 89998;
}

.title_holder .holder_items .center_holder {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
}

.title_holder .holder_items .center_holder .inntop {
    left: 40px;
    right: 40px;
    top: 40px;
}

.title_holder .holder_items .center_holder .inntop, .title_holder .holder_items .center_holder .innbottom {
    height: 10px;
    line-height: 10px;
}

.title_holder .holder_items .center_holder .innleft {
    left: 40px;
    top: 40px;
    bottom: 40px;
}

.title_holder .holder_items .center_holder .innleft, .title_holder .holder_items .center_holder .innright {
    width: 10px;
}

.title_holder .holder_items .center_holder .innright {
    right: 40px;
    top: 40px;
    bottom: 40px;
}

.title_holder .holder_items .center_holder .innbottom {
    left: 40px;
    right: 40px;
    bottom: 40px;
}

.title_holder .holder_items .center_holder .inner_holder {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.rightc {
    right: 16%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.rightc {
    right: 16%;
    bottom: -17%;
    z-index: 15;
    height: 37%;
}

.title_holder .holder_items .center_holder .inner_holder .layer {
    position: absolute;
    -webkit-backface-visibility: hidden;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.centerc {
    right: 28%;
    bottom: -16%;
    z-index: 15;
    height: 60%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.centerc {
    right: 28%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.leftc {
    right: 58%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.darkc {
    right: 17%;
    bottom: -10%;
    z-index: 25;
    max-height: 30%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.darkc {
    right: 12%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.images {
    right: 10%;
    top: -6%;
    z-index: 35;
    height: 110%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.images {
    right: 9%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .layer.bimage {
    right: 0;
    top: 0;
    z-index: 30;
    height: 100%;
}

.title_holder .holder_items .center_holder .inner_holder .wheaderLine {
    position: absolute;
    height: 1px;
    width: 100%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .wheaderLine.wtopline {
    top: 28%;
    left: 0;
    right: 0;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .wheaderLine.wbottom {
    top: 68%;
    left: 0;
    right: 0;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .headerLine.topline {
    width: 30px;
    top: 22%;
    left: 27%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .headerLine.midline {
    width: 60px;
    top: 47%;
    left: 11%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .headerLine.botline {
    width: 100px;
    top: 61%;
    left: 40%;
}

.title_holder .holder_items .center_holder .inner_holder .title_part {
    height: 100%;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part {
    position: relative;
    width: 47%;
    padding-left: 19%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part {
    width: 50%;
    padding-left: 4%;
}

.title_holder .holder_items .center_holder .inntop, .title_holder .holder_items .center_holder .innbottom, .title_holder .holder_items .center_holder .innleft, .title_holder .holder_items .center_holder .innright {
    position: absolute;
    background: transparent url(../images/headinnernoise.png) repeat center center;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .title {
    padding-top: 28vh;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .title {
    padding-top: 13vh !important;
}

.title_holder .holder_items .center_holder .inner_holder .title, .title_holder .holder_items .center_holder .inner_holder .subtitle {
    position: relative;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .title h1 {
    font-size: 63px;
    line-height: 65px;
    color: #333;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .subtitle {
    padding-top: 7vh;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .subtitle span {
    display: inline-block;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #bfa895;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}

.wline {
    background: transparent url(../images/wline.png) repeat top center;
    width: 50px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .subtitle span {
    display: inline-block;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #333;
    text-transform: none;
    letter-spacing: 0;
    text-align: justify;
}

.title_holder .holder_items .center_holder .inner_holder.homepage .title_part .subtitle span .wline {
    float: left;
    margin-top: 20px;
    background-color: #fff;
    display: inline-block;
    width: 73%;
    height: 15px;
}

.clear:after, .clear:before {
    content: '';
    display: table;
}

.banner_bg {
    background: url("../images/back.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
}

.bg img, .bg svg {
    max-height: 100%;
    max-width: 100%
}

/*.anim-rotate {*/
/*-moz-transform-origin: 50% 50% ;*/
/*-ms-transform-origin: 50% 50% ;*/
/*-webkit-transform-origin: 50% 50%;*/
/*transform-origin: 50% 50% ;*/
/*-webkit-animation: spin 20s infinite;*/
/*-webkit-animation-timing-function: linear;*/
/*-webkit-transition-timing-function: linear*/
/*}*/

@keyframes spin {
    0% {
        transform-origin: center center;
    }

    100% {
        transform: rotate(360deg);
        transform-origin: 50% 50%;
    }
}

.anim-slowZoom {
    animation: slowZoom 45s infinite
}

@keyframes slowZoom {
    0%, 100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }
}

.color-black {
    color: #000;
}

.hr {
    width: 92px;
    height: 2px;
    position: relative;
    opacity: .8;
    margin: auto;
}

p.sansSerif {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px;
}

p.sansSerif {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 300;
    max-width: 520px;
    margin: auto;
    margin-top: 20px;
}

.ta-center {
    text-align: center;
}

h2.serif {
    font-family: Baskerville, Georgia, Serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    font-size: 22px;
    text-transform: uppercase;
}

.gap {
    margin-top: 20px;
}

.hr:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    background-color: #0099e5;
}

.both_block_set {
    vertical-align: middle;
    display: inline-block;
    width: 49%;
}

.uppercase {
    text-transform: uppercase;
}

h2.sansSerif {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.processList {
    padding-top: 60px;
    max-width: 900px;
    margin: auto;
}

.processSingle {
    width: 24%;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}

.processSingle img {
    transition: .35s;
}

.processSingle--discover img {
    max-width: 110px;
}

.nav-main {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 20
}

.nav-main .nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 87px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #cfcfcf;
    cursor: pointer;
    z-index: 3
}

.processSingle img + p {
    margin-top: 40px;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    font-weight: 600;
    color: #0099e5;
    font-size: 18px;
    text-transform: uppercase;
}

.processSingle a:hover p {
    text-decoration: none;
}

.processSingle--design img {
    max-width: 120px;
}

.processSingle--deploy img {
    max-width: 130px;
}

.processSingle--immerse img {
    max-width: 150px;
}

.vinesback {
    position: absolute;
    background: transparent url(../images/winec_a4.png) no-repeat center center;
    width: 350px;
    height: 473px;
    background-size: 350px;
    z-index: 1;
    top: 247px;
    left: -36px;
}

.vanimate-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.vanimate-hidden {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.vinesback {
    z-index: 1;
    top: 147px;
    left: 0;
}

.the-process {
    background: url("../images/banner/bg.png") no-repeat;
    background-size: cover;
    background-position: center center;
}

.panel {
    margin-bottom: 0px;
    border-radius: 0;
    box-shadow: none;
}

.ourfamily_top .bword {
    position: relative;
    text-align: right;
    font-size: 476px;
    line-height: 500px;
    color: #ddc9b9;
    font-weight: 400;
    padding-top: 0px;
    padding-right: 32px;
}

.vanimate-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

section.ourfamily_top .bword {
    position: relative;
    text-align: center;
    font-size: 476px;
    line-height: 500px;
    color: #ddc9b9;
    font-weight: 400;
    padding-top: 0px;
    padding-right: 32px;
    font-family: 'Playfair Display', serif;
}

section.ourfamily_top .overimage {
    width: 100%;
    height: 20px;
    line-height: 20px;
    position: relative;
    z-index: 20;
}

section.ourfamily_top .overimage .imageh {
    position: absolute;
    top: -311px;
    left: -301px;
}

section.ourfamily_top .overimage .imageh {
    left: -65px;
}

section.ourfamily_top .quote {
    padding-top: 100px;
    float: left;
}

section.ourfamily_top .quote .quote_box {
    position: relative;
    background: transparent url(../images/quote_back.png) no-repeat bottom center;
    float: left;
    padding: 75px 30px 64px 30px;
    border: 10px solid #3c7490;
    background-size: cover;
}

section.ourfamily_top .quote .quote_box .top_quote_dlined {
    position: absolute;
    top: -36px;
    left: 50%;
}

.dlined {
    background: transparent url(../images/dlined.png) repeat center left;
    width: 1px;
    height: 83px;
}

section.ourfamily_top .quote .quote_box .top_quote_title {
    padding-top: 8px;
    float: left;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 11px;
    line-height: 13px;
    font-weight: 900;
    color: #333;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

section.ourfamily_inner_bottom .quote .quote_box .top_quote, section.ourfamily_top .quote .quote_box .top_quote {
    padding-top: 26px;
    float: left;
    font-size: 44px;
    line-height: 63px;
    font-style: italic;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    color: #909090;
    width: 100%;
    text-align: center;
}

section.ourfamily_top .quote .quote_box .top_quote {
    font-size: 22px;
    line-height: 36px;
}

section.ourfamily_top .quote .quote_box .quote_lineh {
    float: left;
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    margin: 12px 0 23px 0;
}

section.ourfamily_top .quote .quote_box .quote_lineh .quote_line {
    display: inline-block;
    background-color: #3c7490;
    width: 30px;
    height: 2px;
    line-height: 2px;
    font-size: 2px;
}

section.ourfamily_top .quote .quote_box .quote_author {
    float: left;
    font-size: 22px;
    line-height: 24px;
    color: #333;
    width: 100%;
    text-align: center;
}

section.ourfamily_top .overimage .imageh img {
    width: 75%;
}

.bg-black {
    background: #0099e5;
}

.bg-black h2 {
    font-size: 17px;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 2;
    text-transform: uppercase;
}

.color-gray {
    color: #393939;
}

.wordWall a {
    transition: .75s;
}

.wordWall a {
    color: #9ad7fb;
}

.wordWall a:after {
    content: "•";
    color: #9ad7fb;
    display: inline-block;
    width: 10px;
    margin-left: 5px;
    transition: .75s;
}

.wordWall a:hover, .wordWall a:hover:after {
    color: #fff;
}

.world-map {
    width: 100%;
    height: 610px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/world-map.png) no-repeat center 0
}

.world-map .hq i, .world-map .locations li {
    background: url(../images/logo-shape.png) no-repeat;
    background-size: 35px;
}

.world-map .hq, .world-map .locations li {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    -webkit-transition: opacity .2s, -webkit-transform .4s cubic-bezier(.47, 0, .745, .715);
    -moz-transition: opacity .2s, -moz-transform .4s cubic-bezier(.47, 0, .745, .715);
    -o-transition: opacity .2s, -o-transform .4s cubic-bezier(.47, 0, .745, .715);
    transition: opacity .2s, -webkit-transform .4s cubic-bezier(.47, 0, .745, .715), -moz-transform .4s cubic-bezier(.47, 0, .745, .715), -o-transform .4s cubic-bezier(.47, 0, .745, .715), transform .4s cubic-bezier(.47, 0, .745, .715)
}

.world-map .hq.init, .world-map .locations li.init {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.world-map .hq {
    width: 135px;
    margin: 0 0 -55px 318px;
    padding: 0 0 11px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    text-align: center;
    line-height: 1.4;
    color: #0099e5;
    cursor: default
}

.world-map .hq i {
    width: 39px;
    height: 34px;
    position: absolute;
    bottom: -34px;
    left: 48px;
}

.world-map .hq h2, .world-map .hq p {
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.world-map .hq h2 {
    margin: 0 0 6px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    letter-spacing: 0;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    -webkit-transform: translateY(29px);
    -moz-transform: translateY(29px);
    -o-transform: translateY(29px);
    -ms-transform: translateY(29px);
    transform: translateY(29px);
}

.world-map .hq h2 span {
    display: inline-block;
    opacity: 0;
    -webkit-transition: .5s .4s;
    -moz-transition: .5s .4s;
    -o-transition: .5s .4s;
    transition: .5s .4s
}

.world-map .hq.init h2 span {
    opacity: 1
}

.world-map .hq p {
    opacity: 0;
    margin: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.world-map .hq:hover h2, .world-map .hq:hover p {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none
}

.world-map .hq:hover p {
    opacity: 1;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.world-map .locations {
    margin: 0;
    left: 0;
    list-style: none
}

.world-map .locations li {
    width: 22px;
    height: 19px;
    position: absolute;
    top: 50%;
    left: 50%
}

.world-map .loc-1 {
    margin: 0px 0 -39px 170px;
}

.world-map .loc-2 {
    margin: -78px 0 0 -635px
}

.world-map .loc-3 {
    margin: -71px 0 0 -509px
}

.world-map .loc-4 {
    margin: -47px 0 0 -508px
}

.world-map .loc-5 {
    margin: -51px 0 0 -484px;
}

.world-map .loc-6 {
    margin: 0px 0 -210px -405px;
}

.world-map .loc-7 {
    margin: -39px 0 0 -154px
}

.world-map .loc-8 {
    margin: -95px 0 0 -103px
}

.world-map .loc-9 {
    margin: -95px 0 0 -60px
}

.world-map .loc-10 {
    margin: -86px 0 0 -39px
}

.world-map .loc-11 {
    margin: -49px 0 0 -27px
}

.world-map .loc-12 {
    margin: 0px 0px -20px 13px;
}

.world-map .loc-13 {
    margin: 139px 0 0 503px
}

.world-map .loc-14 {
    margin: 0px 0px -125px 448px;
}

.Product-width {
    max-width: 250px;
    margin: auto
}

.sansSerif2 {
    max-width: 100% !important;
    margin-top: 10px !important;
}

@media (min-width: 1025px) and (max-height: 780px) {
    .world-map {
        margin-bottom: -50px
    }
}

@media (min-width: 1025px) and (max-height: 730px) {
    .world-map {
        margin-bottom: -100px
    }
}

@media (min-width: 1025px) and (max-height: 680px) {
    .world-map {
        margin-bottom: -0px
    }
}

@media (min-width: 1025px) and (max-height: 630px) {
    .world-map {
        margin-bottom: -200px
    }
}

@media (min-width: 1025px) and (max-height: 580px) {
    .world-map {
        margin-bottom: -250px
    }
}

@media (min-width: 1025px) and (max-height: 530px) {
    .world-map {
        margin-bottom: -300px
    }
}

@media (max-width: 1024px) {
    .world-map {
        height: 450px;
        position: relative;
        background-size: 1425px 457.5px
    }

    .world-map .hq {
        opacity: 1;
        margin: 0 0 127px -48px;
        padding-bottom: 4px;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none
    }

    .world-map .hq i {
        width: 81px;
        height: 70.5px;
        bottom: -70.5px;
        left: 30px
    }

    .world-map .hq h2, .world-map .hq h2 span, .world-map .hq p {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none
    }

    .world-map .hq h2 {
        margin: 0 0 3px
    }

    .world-map .hq p {
        font-size: 14px
    }

    .world-map .locations li {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none
    }

    .world-map .loc-1 {
        margin: -39.75px 0 0 -483px
    }

    .world-map .loc-2 {
        margin: -58.5px 0 0 -476.25px
    }

    .world-map .loc-3 {
        margin: -53.25px 0 0 -381.75px
    }

    .world-map .loc-4 {
        margin: -35.25px 0 0 -381px
    }

    .world-map .loc-5 {
        margin: -38.25px 0 0 -363px
    }

    .world-map .loc-6 {
        margin: -49.5px 0 0 -348.75px
    }

    .world-map .loc-7 {
        margin: -29.25px 0 0 -115.5px
    }

    .world-map .loc-8 {
        margin: -71.25px 0 0 -77.25px
    }

    .world-map .loc-9 {
        margin: -71.25px 0 0 -45px
    }

    .world-map .loc-10 {
        margin: -64.5px 0 0 -29.25px
    }

    .world-map .loc-11 {
        margin: -36.75px 0 0 -20.25px
    }

    .world-map .loc-12 {
        margin: -77.25px 0 0 47.25px
    }

    .world-map .loc-13 {
        margin: 104.25px 0 0 377.25px
    }

    .world-map .loc-14 {
        margin: 75.75px 0 0 399.75px
    }

    .organisation {
        max-width: 970px;
        width: auto;
    }

    .organisation1 {
        max-width: 900px;
        width: auto;
    }

    section#process .contents {
        max-width: 735px !important;
    }

    .address-block {
        min-height: 198px !important;
    }

    .half {
        padding-right: 10px;
        padding-left: 10px;
    }

    .full-w {
        padding-bottom: 250px !important;
    }

}

@media (max-width: 800px) {
    .world-map {
        margin-left: -50px;
        padding-right: 50px;
        height: 350px
    }

    .world-map .hq {
        margin-bottom: 78px
    }

    .world-map .locations li {
        display: none
    }
}

@media (max-width: 600px) {
    .world-map {
        height: 210px;
        margin-left: -20px;
        padding-right: 20px;
        background-size: 950px 305px
    }

    .world-map .hq {
        margin: 0 0 38px -60px;
        padding: 0 0 5.5px
    }

    .world-map .hq i {
        width: 54px;
        height: 47px;
        bottom: -47px;
        left: 43px
    }

    .world-map .hq h2 {
        margin: 0 0 3px
    }

    .world-map .hq p {
        font-size: 9px
    }

    .world-map .locations {
        display: none
    }
}

.container.fullpanel.global_map {
    width: 100% !important;
    overflow: hidden;
    height: auto;
    padding-bottom: 20px;
}

.footer-btn-section {
    transition: .35s;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-color: #0099e5;
    display: block;
    z-index: 22;
    cursor: pointer;
}

.footerBtn.footerBtn-full {
    width: 100%;
}

section.ourfamily_top .quote {
    padding-top: 50px;
    float: left;
}

.footerBtn {
    width: 50%;
    display: table;
    height: 100%;
    text-align: center;
}

.footerBtn a {
    padding-top: 35px;
    padding-bottom: 35px;
}

.footerBtn a.container {
    display: table-cell;
    width: 100%;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.footerBtn p span {
    display: block;
    position: relative;
    padding-bottom: 40px;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
}

.backText:before, .footerBtn p span:before {
    background-image: url(../images/icon-arrow.png);
}

.footerBtn p span:before {
    content: '';
    width: 25px;
    height: 22px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -12px;
}

.footerBtn + .footerBtn p span:before, .footerBtn.footerBtn-next p span:before {
    transform: rotate(180deg);
}

.footer-contact-links {
    padding-bottom: 10px;
    background: #fff;
}

.footer-contact-links .section-header {
    position: relative;
    margin: 0;
    padding: 25px 0;
}

.footer-contact-links .section-title {
    text-transform: none;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    font-size: 18px;
    color: #333;
    letter-spacing: 1px;
    font-weight: normal;
}

.section-title {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    font-size: 22px;
}

.footer-contact-links .office-links {
    width: 100%;
    padding: 0;
    height: 20px;
    margin-bottom: 30px;
    display: table;
}

.footer-contact-links .office-link {
    display: table-cell;
    width: 12%;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    /* float: left; */
}

.footer-contact-links .office-link a {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 15px;
    color: #333;
}

/*.footer-contact-links .office-link a:before, .footer-contact-links .office-link a:after {
    position: absolute;
    content: '';
    top: 6px;
    width: 8px;
    height: 2px;
    display: block;
    background-color: #333;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}*/

.footer-contact-links .office-link a:before {
    left: -12px;
}

.footer-contact-links .office-link a:after {
    right: -12px;
}

.footer-contact-links .office-link a:hover {
    color: #0099e5;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.footer-contact-links .office-link a:hover:before, .footer-contact-links .office-link a:hover:after {
    background-color: #0099e5;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.social-links-block {
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #0099e5;
}

.footer-contact-links .social-links-block {
    display: block;
    width: 122px;
    margin: 0 auto 20px auto;
}

.social-links-block .social-link:first-child {
    border: 0;
}

.social-links-block .social-link {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    float: left;
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #0099e5;
    line-height: 60px;
}

.social-links-block .social-link.facebook svg {
    width: 10px;
    margin-left: -5px;
}

.social-links-block .social-link svg {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 22px;
    height: 20px;
    margin-left: -11px;
    margin-top: -10px;
    fill: #0099e5;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.social-links-block .social-link:hover svg {
    fill: #ffffff;
}

.social-links-block:before, .social-links-block:after {
    content: "";
    display: table;
    clear: both;
}

.social-links-block .social-link:hover {
    background-color: #0099e5;
}

.page-footer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1;
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.page-footer .row.bottom-border {
    border-bottom: 4px solid #0099e5;
}

.page-footer .row {
    z-index: 2;
    display: block;
    position: relative;
    text-align: center;
    background: #ffffff;
    margin: 0;
}

.page-footer .row .inner {
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    padding: 10px 20px;
    box-sizing: border-box;
}

.overlay-wrapper {
    position: relative;
    z-index: 3;
    background-color: #fff;
    padding: 10px 0;
}

.legal-link {
    font-size: 12px;
}

.legal-link a {
    color: #0099e5;
}

.processSingle a:hover img {
    transform: translateY(-10px);
}

.modal-dialog.pop-vid {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-dialog.pop-vid .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    padding: 17px 30px 32px;
}

.modal.pop-vid-padding {
    padding-right: 0 !important;
}

.headerBar, .modalHeaderMain:before {
    display: inline-block;
    vertical-align: middle;
    height: 60px
}

.headerBar, .headerNav, .headerNav > a {
    position: relative
}

.breadcrumbs span, .headerNav > a {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 300;
    font-size: 13px
}

/*
.modalHeaderMain:before {
    content: '';
    width: 5%
}
*/

.headerBar {
    text-align: center;
    width: 79%;
    line-height: 60px;
}

.breadcrumbs, .breadcrumbs span {
    display: inline-block;
}

.breadcrumbs span {
    color: #b2b2b2;
    text-transform: lowercase;
}

.breadcrumbs span + span:before {
    content: '/';
    margin-left: 5px;
    margin-right: 5px;
}

.headerBack, .headerMenu {
    width: 10%;
}

.headerMenu {
    text-align: right;
    display: inline-block;
}

.menuBtn {
    position: relative;
    padding-right: 40px;
    cursor: pointer;
    transition: opacity .35s;
}

.menuText:after {
    transform: translateX(-20px);
    opacity: 0;
}

.menuText:before {
    content: 'Close';
    position: absolute;
}

.menuText:after {
    transform: translateX(0);
    opacity: 1;
    transition: .35s ease-in-out;
}

.menuText:after {
    content: 'close';
    opacity: 0;
}

.menuBtn.is-active .hamburger {
    transform: rotateY(180deg);
}

.hamburger {
    width: 30px;
    height: 21px;
    top: 0;
    right: 0;
}

.backText:before, .hamburger, .hamburger > span {
    display: block;
    position: absolute;
}

.hamburger, .hamburger > span, .menuText:before {
    transition: .35s ease-in-out;
}

.hamburger > span {
    display: block;
    position: absolute;
}

.hamburger > span.burgerTopBun {
    transform: rotate(45deg);
    top: 9px;
}

.hamburger > span {
    width: 100%;
    height: 3px;
    background-color: #231F20;
    border-radius: 2px;
    left: 0;
}

.hamburger > span.burgerMeat {
    width: 0;
    opacity: 0;
}

.hamburger > span.burgerMeat {
    top: 9px;
}

.hamburger > span.burgerBottomBun {
    transform: rotate(-45deg);
    top: 9px;
}

.backText, .menuText {
    display: inline-block;
    font-size: 13px;
    color: #000;
    line-height: 21px;
    vertical-align: middle;
    position: relative;
}

.menuBtn:hover {
    opacity: .5;
}

.modal-header.modalHeaderMain {
    padding: 0;
    border: 0;
}

.modal .body {
    display: table;
    width: 100%;
    height: 90%;
}

.modal .pop-content {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    position: relative;
}

.modal .pop-content .center-content {
    text-align: center;
    position: relative;
    z-index: 99;
    color: #fff;
}

.bg-video:after {
    background-color: #000;
    opacity: .55;
}

.bg-video:after, .bg-video:before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.bg {
    background-size: cover;
    background-position: center center;
    z-index: -1;
}

.video_bg_popup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.bg-video, .bodyMenu, .pageContent, .screen {
    overflow: hidden;
}

.realVideo {
    display: block;
    width: 100%;
}

.center-content.center.text-center p {
    max-width: 900px;
}

.product_collection .valve.valve_p3 {
    margin-top: 260px;
}

.product_collection .valve {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.product_collection .valve {
    position: relative;
    float: left;
    z-index: 100;
    z-index: 1;
}

.product_collection .valve.valve_p3 .valveimage {
    top: -195px;
    left: 196px;
}

.product_collection .valve .valveimage img {
    max-width: 85%;
}

.dlink {
    position: relative;
    float: left;
    z-index: 0;
}

.dlink a, .dlink span.outer {
    position: relative;
    float: left;
    display: inline-block;
    text-decoration: none;
    z-index: 10;
}

.dlink a span.icon-arrow, .dlink span.outer span.icon-arrow {
    font-size: 7px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.dlink a span.text, .dlink span.outer span.text {
    position: relative;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.04em;
    padding-left: 5px;
    padding-right: 5px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.dlink a span, .dlink span.outer span {
    display: inline-block;
    float: left;
    line-height: 22px;
    color: #0099e5;
}

.dlink .dark_line_holder {
    position: relative;
    float: left;
    width: 100%;
    height: 10px;
    margin-top: 8px;
    z-index: 1;
}

.dlink .dark_line_holder .dark_line {
    position: absolute;
    background: transparent url(../images/dark_line.png) repeat top center;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 2;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.clear {
    clear: both;
}

.product_collection .valve .valvename {
    font-size: 72px;
    line-height: 130px;
    color: rgba(0, 153, 229, 0.45);
}

.product_collection .vlave {
    position: relative;
    float: left;
    z-index: 100;
}

.product_collection {
    text-align: center;
    max-width: 1060px;
    margin: auto;
    float: right;
    margin-right: 6%;
}

.product_collection .valve .valveimage {
    position: absolute;
    top: -254px;
    left: 50%;
    z-index: 160;
}

.product_collection .valve.valve_p3 .dlink_holder {
    padding-left: 410px;
}

.dlink:hover a span.text, .dlink:hover span.outer input, .dlink:hover a span.text, .dlink:hover span.outer span.text {
    color: #fff !important;
}

.dlink:hover .dark_line {
    height: 55px;
}

section#process {
    background: #fafafa url('../images/vignette.jpg') top center no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    min-height: 790px;
}

section#process2 {
    background-color: #fff;
    background-size: cover;
    padding-bottom: 50px;
    min-height: 790px;
}

section#process .pages {
}

section#process .pages li {
    font-size: 1.4em;
    width: 166px;
    padding: 0 0 0 0px;
}

.ie8 section#process .pages li {
    width: 126px;
    padding-left: 40px;
}

section#process .pages li span {
    display: block;
    position: absolute;
    left: 26px;
    bottom: 0;
    width: 28px;
    height: 36px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

section#process .pages li:hover span {
    background-position: center -79px;
}

section#process .pages li.active:hover span {
    background-position: center bottom;
}

section#process .pages li.active span {
    background-position: center bottom;
}

/*#process li.discover span {
    background-image: url('../img/process/pages/discover.png');
}

#process li.blueprint span {
    background-image: url('../img/process/pages/blueprint.png');
}

#process li.visualize span {
    background-image: url('../img/process/pages/visualize.png');
}

#process li.develop span {
    background-image: url('../img/process/pages/develop.png');
}*/

section#process .contents {
    padding-top: 54px;
    position: relative;
    max-width: 900px;
    margin: auto;
}

section#process .headAnim {
    position: absolute;
    z-index: 3;
    height: 230px;
    width: 230px !important;
    top: 197px;
}

.contents#process_visualize .headAnim {
    height: auto;
    width: auto !important;
}

#process_discover .headAnim {
    right: 0;
    top: 207px;
}

div#process_blueprint .headAnim {
    top: 182px;
}

#process_blueprint .headAnim {
    left: -60px !important;
}

#process_blueprint .headAnim, #process_visualize .headAnim {
    left: 0px;
    top: 207px;
}

section#process .bytheway {
    margin-left: 26px;
    font-size: 12px;
    text-shadow: 0px 2px 2px white;
}

ul.pages {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 1200px;
    /* padding: 151px 0 0 295px; */
    margin: 0px auto;
    text-align: center;
    padding-top: 50px;
}

ul.pages li {
    position: relative;
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    background-color: white;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.07);
    height: 50px;
    line-height: 50px;
    font-size: 1.8em;
    color: #00a4eb;
    text-align: center;
    text-transform: uppercase;
}

ul.pages li:last-child, ul.pages li.last-child {
    margin-right: 0 !important;
}

ul.pages li:hover {
    background-color: #17aeef;
    color: white;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.3) !important;
    background-image: -webkit-linear-gradient(top, #17aeef 0%, #0099db 100%);
}

ul.pages li.active {
    box-shadow: none !important;
    background-color: #10a7e8 !important;
    background-image: -webkit-linear-gradient(top, #0e8cc1 0%, #0fa7e8 100%) !important;
    color: white;
}

ul.pages li.active:after {
    content: url('../img/different/pagetail.png');
    position: absolute;
    bottom: -27px;
    left: 0px;
}

ul.pages li.active:hover {
}

ul.pages li .autoPageProg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 5px;
    background-color: #00a4eb;
}

.no-space {
    padding: 0 !important;
    margin: 0 !important;
}

/*------------------------------------------------------------------
    [No padding, margin space]
------------------------------------------------------------------*/
.no-space {
    padding: 0 !important;
    margin: 0 !important;
}

/* No padding, margin space above 992px */
@media (min-width: 992px) {
    .md-no-space {
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* No Space in a row class */
.no-space-row {
    margin-right: 0;
    margin-left: 0;
}

.no-space-row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* 5px Space in a row class */
.space-row-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.space-row-5 > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

/* 10px Space in a row class */
.space-row-10 {
    margin-right: -10px;
    margin-left: -10px;
}

.space-row-10 > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

/*------------------------------------------------------------------
    [Padding Bottom]
------------------------------------------------------------------*/
.padding-0 {
    padding: 0 !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-90 {
    padding: 90px !important;
}

.padding-100 {
    padding: 100px !important;
}

/*------------------------------------------------------------------
    [Padding under 1200px]
------------------------------------------------------------------*/
@media (max-width: 1200px) {
    .lg-padding-10 {
        padding: 10px !important;
    }

    .lg-padding-20 {
        padding: 20px !important;
    }

    .lg-padding-30 {
        padding: 30px !important;
    }

    .lg-padding-40 {
        padding: 40px !important;
    }

    .lg-padding-50 {
        padding: 50px !important;
    }

    .lg-padding-60 {
        padding: 60px !important;
    }

    .lg-padding-70 {
        padding: 70px !important;
    }

    .lg-padding-80 {
        padding: 80px !important;
    }

    .lg-padding-90 {
        padding: 90px !important;
    }

    .lg-padding-100 {
        padding: 100px !important;
    }

}

/*------------------------------------------------------------------
    [Padding under 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-padding-10 {
        padding: 10px !important;
    }

    .md-padding-20 {
        padding: 20px !important;
    }

    .md-padding-30 {
        padding: 30px !important;
    }

    .md-padding-40 {
        padding: 40px !important;
    }

    .md-padding-50 {
        padding: 50px !important;
    }

    .md-padding-60 {
        padding: 60px !important;
    }

    .md-padding-70 {
        padding: 70px !important;
    }

    .md-padding-80 {
        padding: 80px !important;
    }

    .md-padding-90 {
        padding: 90px !important;
    }

    .md-padding-100 {
        padding: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Padding under 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-padding-10 {
        padding: 10px !important;
    }

    .sm-padding-20 {
        padding: 20px !important;
    }

    .sm-padding-30 {
        padding: 30px !important;
    }

    .sm-padding-40 {
        padding: 40px !important;
    }

    .sm-padding-50 {
        padding: 50px !important;
    }

    .sm-padding-60 {
        padding: 60px !important;
    }

    .sm-padding-70 {
        padding: 70px !important;
    }

    .sm-padding-80 {
        padding: 80px !important;
    }

    .sm-padding-90 {
        padding: 90px !important;
    }

    .sm-padding-100 {
        padding: 100px !important;
    }

    .vertical-center {
        top: 46%;
    }

    .both_block_set {
        vertical-align: middle;
        display: block;
        width: 100%;
        margin-top: 58px;
    }

    .container.fullpanel.promise-quality {
        max-height: 1963px !important;
    }

    .container.fullpanel {
        height: 108vh;
    }

    .text-align {
        text-align: center;
    }

    .promise-quality .gap {
        margin-left: auto !important;
    }

    .promise-quality p.sansSerif {
        margin-left: auto !important;
    }

    #main-slider-owl .item .slider-content {
        position: absolute;
        display: block;
        top: 35px !important;
        left: 0px !important;
    }

    #main-slider-owl .item .slider-content .left-slide-block {
        padding: 6px 6px !important;
    }

    #main-slider-owl .item .slider-content .left-slide-block h1 {
        font-size: 11px !important;
    }

    .address-block {
        border: none !important;
    }

    .footer-logo {
        max-width: 200px;

    }

    .footer-logo-align {
        text-align: center;
    }
}

/*------------------------------------------------------------------
    [Padding under 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-padding-10 {
        padding: 10px !important;
    }

    .xs-padding-20 {
        padding: 20px !important;
    }

    .xs-padding-30 {
        padding: 30px !important;
    }

    .xs-padding-40 {
        padding: 40px !important;
    }

    .xs-padding-50 {
        padding: 50px !important;
    }

    .xs-padding-60 {
        padding: 60px !important;
    }

    .xs-padding-70 {
        padding: 70px !important;
    }

    .xs-padding-80 {
        padding: 80px !important;
    }

    .xs-padding-90 {
        padding: 90px !important;
    }

    .xs-padding-100 {
        padding: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Left Padding]
------------------------------------------------------------------*/
.padding-l-0 {
    padding-left: 0 !important;
}

.padding-l-5 {
    padding-left: 5px !important;
}

.padding-l-10 {
    padding-left: 10px !important;
}

.padding-l-15 {
    padding-left: 15px !important;
}

.padding-l-20 {
    padding-left: 20px !important;
}

.padding-l-30 {
    padding-left: 30px !important;
}

.padding-l-40 {
    padding-left: 40px !important;
}

.padding-l-50 {
    padding-left: 50px !important;
}

.padding-l-60 {
    padding-left: 60px !important;
}

.padding-l-70 {
    padding-left: 70px !important;
}

.padding-l-80 {
    padding-left: 80px !important;
}

.padding-l-90 {
    padding-left: 90px !important;
}

.padding-l-100 {
    padding-left: 100px !important;
}

/*------------------------------------------------------------------
    [Right Padding]
------------------------------------------------------------------*/
.padding-r-0 {
    padding-right: 0 !important;
}

.padding-r-5 {
    padding-right: 5px !important;
}

.padding-r-10 {
    padding-right: 10px !important;
}

.padding-r-15 {
    padding-right: 15px !important;
}

.padding-r-20 {
    padding-right: 20px !important;
}

.padding-r-30 {
    padding-right: 30px !important;
}

.padding-r-40 {
    padding-right: 40px !important;
}

.padding-r-50 {
    padding-right: 50px !important;
}

.padding-r-60 {
    padding-right: 60px !important;
}

.padding-r-70 {
    padding-right: 70px !important;
}

.padding-r-80 {
    padding-right: 80px !important;
}

.padding-r-90 {
    padding-right: 90px !important;
}

.padding-r-100 {
    padding-right: 100px !important;
}

/*------------------------------------------------------------------
    [Left & Right Padding]
------------------------------------------------------------------*/
.padding-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padding-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padding-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.padding-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding-lr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-lr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.padding-lr-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.padding-lr-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.padding-lr-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

.padding-lr-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.padding-lr-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

.padding-lr-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/*------------------------------------------------------------------
    [Top & Bottom Padding]
------------------------------------------------------------------*/
.padding-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-tb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padding-tb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padding-tb-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padding-tb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.padding-tb-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.padding-tb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.padding-tb-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.padding-tb-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

/*------------------------------------------------------------------
    [Left margin]
------------------------------------------------------------------*/
.margin-l-0 {
    margin-left: 0 !important;
}

.margin-l-5 {
    margin-left: 5px !important;
}

.margin-l-10 {
    margin-left: 10px !important;
}

.margin-l-20 {
    margin-left: 20px !important;
}

.margin-l-30 {
    margin-left: 30px !important;
}

.margin-l-40 {
    margin-left: 40px !important;
}

.margin-l-50 {
    margin-left: 50px !important;
}

/*------------------------------------------------------------------
    [Right margin]
------------------------------------------------------------------*/
.margin-r-0 {
    margin-right: 0 !important;
}

.margin-r-5 {
    margin-right: 5px !important;
}

.margin-r-10 {
    margin-right: 10px !important;
}

.margin-r-20 {
    margin-right: 20px !important;
}

.margin-r-30 {
    margin-right: 30px !important;
}

.margin-r-40 {
    margin-right: 40px !important;
}

.margin-r-50 {
    margin-right: 50px !important;
}

/*------------------------------------------------------------------
    [Left & Right margin]
------------------------------------------------------------------*/
.margin-lr-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.margin-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.margin-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.margin-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.margin-lr-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.margin-lr-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.margin-lr-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

/*------------------------------------------------------------------
    [Margin]
------------------------------------------------------------------*/
.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

/*------------------------------------------------------------------
    [Overlay Top margin]
------------------------------------------------------------------*/
.margin-t-o-0,
.margin-t-o-10,
.margin-t-o-20,
.margin-t-o-30,
.margin-t-o-40,
.margin-t-o-50,
.margin-t-o-60,
.margin-t-o-70,
.margin-t-o-80,
.margin-t-o-90,
.margin-t-o-100 {
    position: relative;
    z-index: 1;
}

.margin-t-o-0 {
    margin-top: 0 !important;
}

.margin-t-o-10 {
    margin-top: -10px !important;
}

.margin-t-o-20 {
    margin-top: -20px !important;
}

.margin-t-o-30 {
    margin-top: -30px !important;
}

.margin-t-o-40 {
    margin-top: -40px !important;
}

.margin-t-o-50 {
    margin-top: -50px !important;
}

.margin-t-o-60 {
    margin-top: -60px !important;
}

.margin-t-o-70 {
    margin-top: -70px !important;
}

.margin-t-o-80 {
    margin-top: -80px !important;
}

.margin-t-o-90 {
    margin-top: -90px !important;
}

.margin-t-o-100 {
    margin-top: -100px !important;
}

/*------------------------------------------------------------------
    [Overlay Top margin under 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-margin-t-o-0,
    .md-margin-t-o-10,
    .md-margin-t-o-20,
    .md-margin-t-o-30,
    .md-margin-t-o-40,
    .md-margin-t-o-50,
    .md-margin-t-o-60,
    .md-margin-t-o-70,
    .md-margin-t-o-80,
    .md-margin-t-o-90,
    .md-margin-t-o-100 {
        position: relative;
        z-index: 1;
    }

    .md-margin-t-o-0 {
        margin-top: 0 !important;
    }

    .md-margin-t-o-10 {
        margin-top: -10px !important;
    }

    .md-margin-t-o-20 {
        margin-top: -20px !important;
    }

    .md-margin-t-o-30 {
        margin-top: -30px !important;
    }

    .md-margin-t-o-40 {
        margin-top: -40px !important;
    }

    .md-margin-t-o-50 {
        margin-top: -50px !important;
    }

    .md-margin-t-o-60 {
        margin-top: -60px !important;
    }

    .md-margin-t-o-70 {
        margin-top: -70px !important;
    }

    .md-margin-t-o-80 {
        margin-top: -80px !important;
    }

    .md-margin-t-o-90 {
        margin-top: -90px !important;
    }

    .md-margin-t-o-100 {
        margin-top: -100px !important;
    }
}

/*------------------------------------------------------------------
    [Overlay Top margin under 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-margin-t-o-0,
    .sm-margin-t-o-10,
    .sm-margin-t-o-20,
    .sm-margin-t-o-30,
    .sm-margin-t-o-40,
    .sm-margin-t-o-50,
    .sm-margin-t-o-60,
    .sm-margin-t-o-70,
    .sm-margin-t-o-80,
    .sm-margin-t-o-90,
    .sm-margin-t-o-100 {
        position: relative;
        z-index: 1;
    }

    .sm-margin-t-o-0 {
        margin-top: 0 !important;
    }

    .sm-margin-t-o-10 {
        margin-top: -10px !important;
    }

    .sm-margin-t-o-20 {
        margin-top: -20px !important;
    }

    .sm-margin-t-o-30 {
        margin-top: -30px !important;
    }

    .sm-margin-t-o-40 {
        margin-top: -40px !important;
    }

    .sm-margin-t-o-50 {
        margin-top: -50px !important;
    }

    .sm-margin-t-o-60 {
        margin-top: -60px !important;
    }

    .sm-margin-t-o-70 {
        margin-top: -70px !important;
    }

    .sm-margin-t-o-80 {
        margin-top: -80px !important;
    }

    .sm-margin-t-o-90 {
        margin-top: -90px !important;
    }

    .sm-margin-t-o-100 {
        margin-top: -100px !important;
    }
}

/*------------------------------------------------------------------
    [Overlay Top margin under 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-margin-t-o-0,
    .xs-margin-t-o-10,
    .xs-margin-t-o-20,
    .xs-margin-t-o-30,
    .xs-margin-t-o-40,
    .xs-margin-t-o-50,
    .xs-margin-t-o-60,
    .xs-margin-t-o-70,
    .xs-margin-t-o-80,
    .xs-margin-t-o-90,
    .xs-margin-t-o-100 {
        position: relative;
        z-index: 1;
    }

    .xs-margin-t-o-0 {
        margin-top: 0 !important;
    }

    .xs-margin-t-o-10 {
        margin-top: -10px !important;
    }

    .xs-margin-t-o-20 {
        margin-top: -20px !important;
    }

    .xs-margin-t-o-30 {
        margin-top: -30px !important;
    }

    .xs-margin-t-o-40 {
        margin-top: -40px !important;
    }

    .xs-margin-t-o-50 {
        margin-top: -50px !important;
    }

    .xs-margin-t-o-60 {
        margin-top: -60px !important;
    }

    .xs-margin-t-o-70 {
        margin-top: -70px !important;
    }

    .xs-margin-t-o-80 {
        margin-top: -80px !important;
    }

    .xs-margin-t-o-90 {
        margin-top: -90px !important;
    }

    .xs-margin-t-o-100 {
        margin-top: -100px !important;
    }

    .footer-contact-links .office-links {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        text-align: center;
    }

    .footer-contact-links .office-link {
        width: 25% !important;
        text-align: center;
        float: left !important;
        margin-bottom: 30px !important;
    }

    li.office-link span {
        font-size: 14px;
    }

}

/*------------------------------------------------------------------
    [Overlay Left margin]
------------------------------------------------------------------*/
@media (min-width: 768px) {
    .margin-l-o-10,
    .margin-l-o-20,
    .margin-l-o-30,
    .margin-l-o-40,
    .margin-l-o-50,
    .margin-l-o-60,
    .margin-l-o-70,
    .margin-l-o-80,
    .margin-l-o-90,
    .margin-l-o-100 {
        position: relative;
        z-index: 1;
    }

    .margin-l-o-10 {
        margin-left: -10px !important;
    }

    .margin-l-o-20 {
        margin-left: -20px !important;
    }

    .margin-l-o-30 {
        margin-left: -30px !important;
    }

    .margin-l-o-40 {
        margin-left: -40px !important;
    }

    .margin-l-o-50 {
        margin-left: -50px !important;
    }

    .margin-l-o-60 {
        margin-left: -60px !important;
    }

    .margin-l-o-70 {
        margin-left: -70px !important;
    }

    .margin-l-o-80 {
        margin-left: -80px !important;
    }

    .margin-l-o-90 {
        margin-left: -90px !important;
    }

    .margin-l-o-100 {
        margin-left: -100px !important;
    }
}

/*------------------------------------------------------------------
    [Overlay Right margin]
------------------------------------------------------------------*/
@media (min-width: 768px) {
    .margin-r-o-10,
    .margin-r-o-20,
    .margin-r-o-30,
    .margin-r-o-40,
    .margin-r-o-50,
    .margin-r-o-60,
    .margin-r-o-70,
    .margin-r-o-80,
    .margin-r-o-90,
    .margin-r-o-100 {
        position: relative;
        z-index: 1;
    }

    .margin-r-o-10 {
        margin-right: -10px !important;
    }

    .margin-r-o-20 {
        margin-right: -20px !important;
    }

    .margin-r-o-30 {
        margin-right: -30px !important;
    }

    .margin-r-o-40 {
        margin-right: -40px !important;
    }

    .margin-r-o-50 {
        margin-right: -50px !important;
    }

    .margin-r-o-60 {
        margin-right: -60px !important;
    }

    .margin-r-o-70 {
        margin-right: -70px !important;
    }

    .margin-r-o-80 {
        margin-right: -80px !important;
    }

    .margin-r-o-90 {
        margin-right: -90px !important;
    }

    .margin-r-o-100 {
        margin-right: -100px !important;
    }
}

/*------------------------------------------------------------------
    [Top margin]
------------------------------------------------------------------*/
.margin-t-0 {
    margin-top: 0 !important;
}

.margin-t-5 {
    margin-top: 5px !important;
}

.margin-t-10 {
    margin-top: 10px !important;
}

.margin-t-20 {
    margin-top: 20px !important;
}

.margin-t-30 {
    margin-top: 30px !important;
}

.margin-t-40 {
    margin-top: 40px !important;
}

.margin-t-50 {
    margin-top: 50px !important;
}

.margin-t-60 {
    margin-top: 60px !important;
}

.margin-t-70 {
    margin-top: 70px !important;
}

.margin-t-80 {
    margin-top: 80px !important;
}

.margin-t-90 {
    margin-top: 90px !important;
}

.margin-t-100 {
    margin-top: 100px !important;
}

/*------------------------------------------------------------------
    [Top margin under 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-margin-t-0 {
        margin-top: 0 !important;
    }

    .md-margin-t-5 {
        margin-top: 5px !important;
    }

    .md-margin-t-10 {
        margin-top: 10px !important;
    }

    .md-margin-t-20 {
        margin-top: 20px !important;
    }

    .md-margin-t-30 {
        margin-top: 30px !important;
    }

    .md-margin-t-40 {
        margin-top: 40px !important;
    }

    .md-margin-t-50 {
        margin-top: 50px !important;
    }

    .md-margin-t-60 {
        margin-top: 60px !important;
    }

    .md-margin-t-70 {
        margin-top: 70px !important;
    }

    .md-margin-t-80 {
        margin-top: 80px !important;
    }

    .md-margin-t-90 {
        margin-top: 90px !important;
    }

    .md-margin-t-100 {
        margin-top: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Top margin under 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-margin-t-0 {
        margin-top: 0 !important;
    }

    .sm-margin-t-5 {
        margin-top: 5px !important;
    }

    .sm-margin-t-10 {
        margin-top: 10px !important;
    }

    .sm-margin-t-20 {
        margin-top: 20px !important;
    }

    .sm-margin-t-30 {
        margin-top: 30px !important;
    }

    .sm-margin-t-40 {
        margin-top: 40px !important;
    }

    .sm-margin-t-50 {
        margin-top: 50px !important;
    }

    .sm-margin-t-60 {
        margin-top: 60px !important;
    }

    .sm-margin-t-70 {
        margin-top: 70px !important;
    }

    .sm-margin-t-80 {
        margin-top: 80px !important;
    }

    .sm-margin-t-90 {
        margin-top: 90px !important;
    }

    .sm-margin-t-100 {
        margin-top: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Top margin under 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-margin-t-0 {
        margin-top: 0 !important;
    }

    .xs-margin-t-5 {
        margin-top: 5px !important;
    }

    .xs-margin-t-10 {
        margin-top: 10px !important;
    }

    .xs-margin-t-20 {
        margin-top: 20px !important;
    }

    .xs-margin-t-30 {
        margin-top: 30px !important;
    }

    .xs-margin-t-40 {
        margin-top: 40px !important;
    }

    .xs-margin-t-50 {
        margin-top: 50px !important;
    }

    .xs-margin-t-60 {
        margin-top: 60px !important;
    }

    .xs-margin-t-70 {
        margin-top: 70px !important;
    }

    .xs-margin-t-80 {
        margin-top: 80px !important;
    }

    .xs-margin-t-90 {
        margin-top: 90px !important;
    }

    .xs-margin-t-100 {
        margin-top: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Bottom margin]
------------------------------------------------------------------*/
.margin-b-0 {
    margin-bottom: 0 !important;
}

.margin-b-5 {
    margin-bottom: 5px !important;
}

.margin-b-10 {
    margin-bottom: 10px !important;
}

.margin-b-10 {
    margin-bottom: 10px !important;
}

.margin-b-20 {
    margin-bottom: 20px !important;
}

.margin-b-30 {
    margin-bottom: 30px !important;
}

.margin-b-40 {
    margin-bottom: 40px !important;
}

.margin-b-50 {
    margin-bottom: 50px !important;
}

.margin-b-60 {
    margin-bottom: 60px !important;
}

.margin-b-70 {
    margin-bottom: 70px !important;
}

.margin-b-80 {
    margin-bottom: 80px !important;
}

.margin-b-90 {
    margin-bottom: 90px !important;
}

.margin-b-100 {
    margin-bottom: 100px !important;
}

/*------------------------------------------------------------------
    [Top margin below 1200px]
------------------------------------------------------------------*/
@media (max-width: 1200px) {
    .lg-margin-b-0 {
        margin-bottom: 0 !important;
    }

    .lg-margin-b-5 {
        margin-bottom: 5px !important;
    }

    .lg-margin-b-10 {
        margin-bottom: 10px !important;
    }

    .lg-margin-b-20 {
        margin-bottom: 20px !important;
    }

    .lg-margin-b-30 {
        margin-bottom: 30px !important;
    }

    .lg-margin-b-40 {
        margin-bottom: 40px !important;
    }

    .lg-margin-b-50 {
        margin-bottom: 50px !important;
    }

    .lg-margin-b-60 {
        margin-bottom: 60px !important;
    }

    .lg-margin-b-70 {
        margin-bottom: 70px !important;
    }

    .lg-margin-b-80 {
        margin-bottom: 80px !important;
    }

    .lg-margin-b-90 {
        margin-bottom: 90px !important;
    }

    .lg-margin-b-100 {
        margin-bottom: 100px !important;
    }

    .full-w {
        padding-bottom: 250px !important;
    }
}

/*------------------------------------------------------------------
    [Top margin below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-margin-b-0 {
        margin-bottom: 0 !important;
    }

    .md-margin-b-5 {
        margin-bottom: 5px !important;
    }

    .md-margin-b-10 {
        margin-bottom: 10px !important;
    }

    .md-margin-b-20 {
        margin-bottom: 20px !important;
    }

    .md-margin-b-30 {
        margin-bottom: 30px !important;
    }

    .md-margin-b-40 {
        margin-bottom: 40px !important;
    }

    .md-margin-b-50 {
        margin-bottom: 50px !important;
    }

    .md-margin-b-60 {
        margin-bottom: 60px !important;
    }

    .md-margin-b-70 {
        margin-bottom: 70px !important;
    }

    .md-margin-b-80 {
        margin-bottom: 80px !important;
    }

    .md-margin-b-90 {
        margin-bottom: 90px !important;
    }

    .md-margin-b-100 {
        margin-bottom: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Top margin below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-margin-b-0 {
        margin-bottom: 0 !important;
    }

    .sm-margin-b-5 {
        margin-bottom: 5px !important;
    }

    .sm-margin-b-10 {
        margin-bottom: 10px !important;
    }

    .sm-margin-b-20 {
        margin-bottom: 20px !important;
    }

    .sm-margin-b-30 {
        margin-bottom: 30px !important;
    }

    .sm-margin-b-40 {
        margin-bottom: 40px !important;
    }

    .sm-margin-b-50 {
        margin-bottom: 50px !important;
    }

    .sm-margin-b-60 {
        margin-bottom: 60px !important;
    }

    .sm-margin-b-70 {
        margin-bottom: 70px !important;
    }

    .sm-margin-b-80 {
        margin-bottom: 80px !important;
    }

    .sm-margin-b-90 {
        margin-bottom: 90px !important;
    }

    .sm-margin-b-100 {
        margin-bottom: 100px !important;
    }
}

/*------------------------------------------------------------------
    [Top margin below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-margin-b-0 {
        margin-bottom: 0 !important;
    }

    .xs-margin-b-5 {
        margin-bottom: 5px !important;
    }

    .xs-margin-b-10 {
        margin-bottom: 10px !important;
    }

    .xs-margin-b-20 {
        margin-bottom: 20px !important;
    }

    .xs-margin-b-30 {
        margin-bottom: 30px !important;
    }

    .xs-margin-b-40 {
        margin-bottom: 40px !important;
    }

    .xs-margin-b-50 {
        margin-bottom: 50px !important;
    }

    .xs-margin-b-60 {
        margin-bottom: 60px !important;
    }

    .xs-margin-b-70 {
        margin-bottom: 70px !important;
    }

    .xs-margin-b-80 {
        margin-bottom: 80px !important;
    }

    .xs-margin-b-90 {
        margin-bottom: 90px !important;
    }

    .xs-margin-b-100 {
        margin-bottom: 100px !important;
    }
}

/*--------------------------------------------------
    [Height]
----------------------------------------------------*/
.height-50 {
    height: 50px !important;
}

.height-100 {
    height: 100px !important;
}

.height-150 {
    height: 150px !important;
}

.height-200 {
    height: 200px !important;
}

.height-250 {
    height: 250px !important;
}

.height-300 {
    height: 300px !important;
}

.height-350 {
    height: 350px !important;
}

.height-400 {
    height: 400px !important;
}

.height-450 {
    height: 450px !important;
}

.height-500 {
    height: 500px !important;
}

/*------------------------------------------------------------------
    [Height below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-height-50 {
        height: 50px !important;
    }

    .md-height-100 {
        height: 100px !important;
    }

    .md-height-150 {
        height: 150px !important;
    }

    .md-height-200 {
        height: 200px !important;
    }

    .md-height-250 {
        height: 250px !important;
    }

    .md-height-300 {
        height: 300px !important;
    }

    .md-height-350 {
        height: 350px !important;
    }

    .md-height-400 {
        height: 400px !important;
    }

    .md-height-450 {
        height: 450px !important;
    }

    .md-height-500 {
        height: 500px !important;
    }
}

/*------------------------------------------------------------------
    [Height below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-height-50 {
        height: 50px !important;
    }

    .sm-height-100 {
        height: 100px !important;
    }

    .sm-height-150 {
        height: 150px !important;
    }

    .sm-height-200 {
        height: 200px !important;
    }

    .sm-height-250 {
        height: 250px !important;
    }

    .sm-height-300 {
        height: 300px !important;
    }

    .sm-height-350 {
        height: 350px !important;
    }

    .sm-height-400 {
        height: 400px !important;
    }

    .sm-height-450 {
        height: 450px !important;
    }

    .sm-height-500 {
        height: 500px !important;
    }
}

/*------------------------------------------------------------------
    [Height below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-height-50 {
        height: 50px !important;
    }

    .xs-height-100 {
        height: 100px !important;
    }

    .xs-height-150 {
        height: 150px !important;
    }

    .xs-height-200 {
        height: 200px !important;
    }

    .xs-height-250 {
        height: 250px !important;
    }

    .xs-height-300 {
        height: 300px !important;
    }

    .xs-height-350 {
        height: 350px !important;
    }

    .xs-height-400 {
        height: 400px !important;
    }

    .xs-height-450 {
        height: 450px !important;
    }

    .xs-height-500 {
        height: 500px !important;
    }
}

/*--------------------------------------------------
    [Width]
----------------------------------------------------*/
.width-50 {
    width: 50px !important;
}

.width-100 {
    width: 100px !important;
}

.width-150 {
    width: 150px !important;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-300 {
    width: 300px !important;
}

.width-350 {
    width: 350px !important;
}

.width-400 {
    width: 400px !important;
}

.width-450 {
    width: 450px !important;
}

.width-500 {
    width: 500px !important;
}

/*------------------------------------------------------------------
    [Width below 992px]
------------------------------------------------------------------*/
@media (max-width: 992px) {
    .md-width-50 {
        width: 50px !important;
    }

    .md-width-100 {
        width: 100px !important;
    }

    .md-width-150 {
        width: 150px !important;
    }

    .md-width-200 {
        width: 200px !important;
    }

    .md-width-250 {
        width: 250px !important;
    }

    .md-width-300 {
        width: 300px !important;
    }

    .md-width-350 {
        width: 350px !important;
    }

    .md-width-400 {
        width: 400px !important;
    }

    .md-width-450 {
        width: 450px !important;
    }

    .md-width-500 {
        width: 500px !important;
    }
}

/*------------------------------------------------------------------
    [Width below 768px]
------------------------------------------------------------------*/
@media (max-width: 768px) {
    .sm-width-50 {
        width: 50px !important;
    }

    .sm-width-100 {
        width: 100px !important;
    }

    .sm-width-150 {
        width: 150px !important;
    }

    .sm-width-200 {
        width: 200px !important;
    }

    .sm-width-250 {
        width: 250px !important;
    }

    .sm-width-300 {
        width: 300px !important;
    }

    .sm-width-350 {
        width: 350px !important;
    }

    .sm-width-400 {
        width: 400px !important;
    }

    .sm-width-450 {
        width: 450px !important;
    }

    .sm-width-500 {
        width: 500px !important;
    }
}

/*------------------------------------------------------------------
    [Width below 480px]
------------------------------------------------------------------*/
@media (max-width: 480px) {
    .xs-width-50 {
        width: 50px !important;
    }

    .xs-width-100 {
        width: 100px !important;
    }

    .xs-width-150 {
        width: 150px !important;
    }

    .xs-width-200 {
        width: 200px !important;
    }

    .xs-width-250 {
        width: 250px !important;
    }

    .xs-width-300 {
        width: 300px !important;
    }

    .xs-width-350 {
        width: 350px !important;
    }

    .xs-width-400 {
        width: 400px !important;
    }

    .xs-width-450 {
        width: 450px !important;
    }

    .xs-width-500 {
        width: 500px !important;
    }
}

/*--------------------------------------------------
    [Full Width]
----------------------------------------------------*/
.full-width {
    width: 100% !important;
    height: auto !important;
}

/* Media Queries below 992px */
@media (max-width: 992px) {
    .md-full-width {
        width: 100% !important;
        height: auto !important;
    }
}

/* Media Queries below 768px */
@media (max-width: 768px) {
    .sm-full-width {
        width: 100% !important;
        height: auto !important;
    }
}

/* Media Queries below 480px */
@media (max-width: 480px) {
    .xs-full-width {
        width: 100% !important;
        height: auto !important;
    }
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.news-v6 {
    background: #fff;
    padding: 40px;
}

.news-v6 .news-v6-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.news-v6 .news-v6-subtitle {
    font-style: italic;
    color: #000;
    font-family: Baskerville, Georgia, Serif;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    line-height: 1.6;
}

.news-v6 p {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    max-width: 520px;
    /* margin: auto; */
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.59);
}

.pad-50 {
    padding: 50px 0;
}

.headerNav > a span:before {
    content: '';
    width: 0;
    height: 1px;
    background-color: #3c7490;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 2px;
    transition: .75s ease-in-out;
}

.headerNav > a.is-active span:before {
    width: 100%;
    left: 0;
    transition: .75s ease-in-out .25s;
}

.title_holder .holder_items .center_holder .inner_holder.winec .layer.cimage {
    left: 18%;
    top: -5%;
    z-index: 30;
    height: 105%;
}

.title_holder .holder_items .center_holder .inner_holder.winec .layer.cloudrb {
    right: -2%;
    bottom: -16%;
    z-index: 35;
    height: 56%;
}

.title_holder .holder_items .center_holder .inner_holder.winec .layer.cloudrt {
    right: 2%;
    top: -2%;
    z-index: 25;
    height: 101%;
}

.title_holder .holder_items .center_holder .inner_holder.winec .layer.cloudlb {
    left: -3%;
    bottom: -15%;
    z-index: 20;
    height: 54%;
}

.title_holder .holder_items .center_holder .inner_holder.winec .layer.cloudlt {
    left: 1%;
    top: 0;
    z-index: 15;
    height: 100%;
}

.title_holder .holder_items .center_holder .inner_holder.winec .layer.cloudm {
    left: 22%;
    top: 49%;
    z-index: 15;
    height: 51%;
}

.title_holder .holder_items .center_holder .inner_holder.winec .title_part {
    position: relative;
    width: 55%;
    padding-right: 3%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.title_holder .holder_items .center_holder .inner_holder.winec .title_part .title {
    padding-top: 23vh !important;
}

.title_holder .holder_items .center_holder .inner_holder.winec .title_part .title h1 {
    font-size: 86px;
    line-height: 110px;
    color: #000000;
    font-weight: 500;
}

.title_holder .holder_items .center_holder .inner_holder.winec .wheaderLine.wbottom {
    top: 66%;
    left: 0;
    right: 0;
}

.title_holder .holder_items .center_holder .inner_holder.winec .wheaderLine.wtopline {
    top: 29%;
    left: 0;
    right: 0;
}

.bg_grey {
    background: #fafafa;
}

.borderbox {
    height: 50vh;
    position: relative;
}

.borderbox:before {
    border: 2px solid #0099e5;
    z-index: 1;
}

.borderbox:before, .leadership {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
}

.borderbox:before, .leadership {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
}

.bigDot:before, .borderbox:before, .leaderImg:before, .lilDot:before {
    content: '';
}

.borderbox2:before {
    border: 2px solid #0099e5;
    z-index: 1;
}

.borderbox2:before, .leadership {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
}

.borderbox2:before, .leadership {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
}

.bigDot:before, .borderbox2:before, .leaderImg:before, .lilDot:before {
    content: '';
}

.bg_about_sec2 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/csr2.jpg);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.half {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding-right: 40px;
    padding-left: 40px;
}

.full-height {
    height: 100%;
}

.content {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

h3.sansSerif {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 4px;
}

p.serif.x-small {
    font-size: 13px;
    line-height: 2;
    letter-spacing: 1px;
    margin-top: 20px;
}

.pos-rel {
    position: relative;
}

.bg_about_sec {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/ambassadors.jpg);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}

.borderbox2 {
    height: 85vh;
    position: relative;
}

.container_sec {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.half + .half, .half.mobile-break + .half, .third + .half {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 0;
    margin: -2px;
}

.btn_inline_block {
    display: inline-block;
    width: 49%;
    height: 100%;
    text-align: center;
}

.margin-t-15 {
    margin-top: 15px !important;
}

.footerBtn.two_sec {
    width: 100%;
}

.footerBtn + .footerBtn a:before {
    content: '';
    width: 1px;
    height: calc(100% - 70px);
    display: block;
    background-color: #E1E1E1;
    position: absolute;
    top: 35px;
    left: 0;
}

p.serif.large.color-black.backText_left span:before {

}

.tab-v4 {
    overflow: hidden;
}

.tab-v4 .nav-tabs {
    border-bottom: none;
    background: #0099e5;
    padding: 0px 0;
}

.tab-v4 .nav-tabs.nav-tabs-left {
    float: left;
}

.tab-v4 .nav-tabs.nav-tabs-left > li {
    margin: 0;
    float: none;
}

.tab-v4 .nav-tabs.nav-tabs-left > li > a {
    min-width: 170px;
    font-size: 14px;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 12px 10px;
    margin-right: 0;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    letter-spacing: 0.8px;
}

.tab-v4 .nav-tabs.nav-tabs-left > li:active > a, .tab-v4 .nav-tabs.nav-tabs-left > li:focus > a, .tab-v4 .nav-tabs.nav-tabs-left > li:hover > a {
    background: inherit;
}

.tab-v4 .nav-tabs.nav-tabs-left > li:hover > a {
    color: #fff;
    background: #016698;
}

.tab-v4 .nav-tabs.nav-tabs-left > li.active {
    border: none;
}

.tab-v4 .nav-tabs.nav-tabs-left > li.active > a {
    color: #fff;
    background: #016698;

}

.tab-v4 .tab-content {
    overflow: hidden;
    padding: 20px;
}

.tab-v4 .tab-content .tab-pane {
    font-size: 15px;
    color: #606060;
    background: #fff;
    padding: 0;
}

.block-width li {
    width: 266px !important;
    font-size: 1.4em !important;
}

section.process2 {
    background: #fff !important;
    padding-bottom: 50px;
}

.detail-valve a {
    color: #333;
}

.detail-valve label {
    font-weight: 500;
}

.both_block_set-padding {
    padding: 15px;
}

@media (max-width: 1200px) {
    .custom-testimonial_comments {
        max-width: 733px !important;
    }

    .footer-logo {
        max-width: 300px;

    }

    .footer-logo-align {
        text-align: center;
    }
}

@media (max-width: 1024px) {
    .organisation22 {
        max-width: 725px;
        width: auto;
    }

    .rnd-max-width {
        max-width: 644px;
        margin-left: 48px;
    }

    .after-sale-services-max-width {
        max-width: 637px;
    }

    .half {
        padding-right: 10px;
        padding-left: 10px;
    }

    .borderbox2 {
        height: 100vh;
        position: relative;
    }

    .product_conet {
        top: 100px;
        left: -60px;
        cursor: pointer;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    .footer-logo {
        max-width: 300px;

    }

    .footer-logo-align {
        text-align: center;
    }

    .news-v6 p {
        max-width: 666px;
    }

    .margin-l-o-50 {
        margin-left: 0px !important;
    }

    .custom-testimonial_comments {
        max-width: 733px;
    }

    .custom-testimonial_comments {
        max-width: 517px !important;
    }

    .discover-max-width {
        max-width: 588px;
    }

    section#process .headAnim {
        position: absolute;
        z-index: 3;
        height: 200px;
        width: 200px !important;
        top: 128px;
    }

    #process_blueprint .headAnim2 {
        left: -16px !important;
    }

    section#process .headAnim3 {
        position: absolute;
        z-index: 3;
        height: 200px;
        width: 200px !important;
        top: 156px;
        left: 11px;
    }

    #process_blueprint .headAnim3 {
        left: -16px !important;
    }

    .contents#process_visualize .headAnim3 {
        height: auto;
        width: auto !important;
    }

    section#process .pages li {
        font-size: 1.4em;
        width: 150px;
        padding: 0 0 0 0px;
    }

    .foundry-max-width {
        max-width: 625px;
        margin-left: 60px;
    }

    section#process .headAnim2 {
        position: absolute;
        z-index: 3;
        height: 180px;
        width: 180px !important;
        top: 143px;
        left: -6px !important;
    }

    .organisation666 {
        width: 100%;
        margin: 0;
    }

}

/* Media Queries below 480px */
@media (max-width: 480px) {
    .tab-v4 .nav-tabs.nav-tabs-left {
        float: none;
    }
}

ul.value {
    text-align: left;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2;
    list-style: black;
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 10px;
    -webkit-padding-start: 30px;
}

ul.leaders {
    display: block;
    text-align: center;
}

.leader {
    padding: 35px 15px;
    width: auto;
    display: inline-block;
    text-align: center;
    width: 230px;
}

.leaderClick {
    position: relative;
    display: block;
}

.leaderImg {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.leaderImg:before {
    content: '';
    z-index: 1;
    background: #0099e5;
    opacity: 0;
}

.leaderClick:hover .leaderImg:before {
    opacity: .85;
}

.leaderClick:hover .leaderHover {
    top: 0;
    transition: all 1s, transform .9s ease-in-out .05s;
    transform: translateY(48%);
}

.leaderHover {
    top: 100%;
    left: 0;
    z-index: 2;
    padding-left: 20px;
    padding-right: 20px;
}

.leaderImg img {
    width: 100%;
}

.leaderHover, .leaderImg:before {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    transition: 1s;
}

.leaderClick:hover .leaderName {
    top: 0;
}

.leaderName {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    transition: 1s;
}

.leaderHover {
    top: 100%;
    left: 0;
    z-index: 2;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
}

.leaderName {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    transition: 1s;
}

.leader h3.small, .leader p.small {
    font-size: 14px;
    letter-spacing: 1px;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    font-weight: 400;
    margin-top: 6px;
}

.leaderHover span {
    margin-top: 10px;
    display: block;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 13px;
    line-height: 1.7;
}

.pop-content ul.value {
    margin-top: 20px;
}

.equal-height-ib {
    position: relative;
    height: 500px;
    overflow: hidden;
}

.equal-height-ib.equal-height-ib-400 {
    height: 400px;
}

.equal-height-ib.equal-height-ib-600 {
    height: 600px;
}

.equal-height-ib.equal-height-ib-700 {
    height: 700px;
}

.equal-height-ib.equal-height-ib-850 {
    height: 850px;
}

.equal-height-ib .equal-height-ib-one,
.equal-height-ib .equal-height-ib-two {
    position: absolute;
    height: 500px;
}

.equal-height-ib .equal-height-ib-one.equal-height-ib-one-400, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-400,
.equal-height-ib .equal-height-ib-two.equal-height-ib-one-400,
.equal-height-ib .equal-height-ib-two.equal-height-ib-two-400 {
    height: 400px;
}

.equal-height-ib .equal-height-ib-one.equal-height-ib-one-600, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-600,
.equal-height-ib .equal-height-ib-two.equal-height-ib-one-600,
.equal-height-ib .equal-height-ib-two.equal-height-ib-two-600 {
    height: 600px;
}

.equal-height-ib .equal-height-ib-one.equal-height-ib-one-700, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-700,
.equal-height-ib .equal-height-ib-two.equal-height-ib-one-700,
.equal-height-ib .equal-height-ib-two.equal-height-ib-two-700 {
    height: 700px;
}

.equal-height-ib .equal-height-ib-one.equal-height-ib-one-850, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-850,
.equal-height-ib .equal-height-ib-two.equal-height-ib-one-850,
.equal-height-ib .equal-height-ib-two.equal-height-ib-two-850 {
    height: 850px;
}

.equal-height-ib .equal-height-ib-one {
    left: 0;
}

.equal-height-ib .equal-height-ib-two {
    right: 0;
}

.equal-height-ib .equal-height-ib-ver-center-align {
    position: relative;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.equal-height-ib .equal-height-ib-bg-img {
    width: 100%;
    height: 100%;
}

/* Media Queries below 992px */
@media (max-width: 992px) {
    .equal-height-ib.equal-height-ib-md-break {
        position: static;
        height: auto;
    }

    .equal-height-ib.equal-height-ib-md-break.equal-height-ib-400, .equal-height-ib.equal-height-ib-md-break.equal-height-ib-600, .equal-height-ib.equal-height-ib-md-break.equal-height-ib-700, .equal-height-ib.equal-height-ib-md-break.equal-height-ib-850 {
        height: auto;
    }

    .equal-height-ib.equal-height-ib-md-break .equal-height-ib-one,
    .equal-height-ib.equal-height-ib-md-break .equal-height-ib-two {
        position: relative;
    }

    .equal-height-ib.equal-height-ib-md-break .equal-height-ib-one.equal-height-ib-md-height-auto,
    .equal-height-ib.equal-height-ib-md-break .equal-height-ib-two.equal-height-ib-md-height-auto {
        height: auto;
    }

    .equal-height-ib.equal-height-ib-md-break .equal-height-ib-ver-center-align {
        position: static;
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Media Queries below 768px */
@media (max-width: 768px) {
    .equal-height-ib {
        position: static;
        height: auto;
    }

    .equal-height-ib.equal-height-ib-400, .equal-height-ib.equal-height-ib-600, .equal-height-ib.equal-height-ib-700, .equal-height-ib.equal-height-ib-850 {
        height: auto;
    }

    .equal-height-ib .equal-height-ib-one,
    .equal-height-ib .equal-height-ib-two {
        position: relative;
    }

    .equal-height-ib .equal-height-ib-one.equal-height-ib-sm-height-auto,
    .equal-height-ib .equal-height-ib-two.equal-height-ib-sm-height-auto {
        height: auto;
    }

    .equal-height-ib .equal-height-ib-ver-center-align {
        position: static;
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .news-v6 {
        background: #fff;
        padding: 10px;
    }

    .news-v6 p {
        max-width: 666px;
    }

    .margin-l-o-50 {
        margin-left: 0px !important;
    }

    .pad-50 {
        padding: 10px 0;
    }

    .half {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding-right: 10px;
        padding-left: 10px;
    }

    .disply-about {
        display: none;
    }

    .padding-about {
        padding-top: 50px;
    }

    .hide-in-media {
        display: none;
    }

    .show-in-media {
        display: block !important;
    }

    .padding-l-a {
        padding-left: 128px !important;
    }

    .borderbox2 {
        height: 75vh;
        position: relative;
    }

    .oswal-margin {
        margin-top: 50px;
    }

    .product_two_sec {
        width: 88%;
        margin: auto;
        left: 0;
        right: 0;
        margin-left: 0px !important;
    }

    .product_conet {
        width: 69% !important;
        top: -71px !important;
        right: 0px !important;
        margin: 0 auto !important;
    }

    .animated.product_two_sec_content.right_side_cont .product_conet {
        position: relative;
        width: 90%;
        left: 0;
        right: 0;
        top: auto;
        margin: auto;
    }

    .animated.product_two_sec_content.right_side_cont {
        bottom: -280px;
    }

    .product_two_sec.right_side_img {
        margin-left: 1%;
        top: -450px;
    }

    .dlink {
        float: none;
        display: inline-block;
    }

    .product_conet p {
        font-size: 12px;
    }

    .full-w {
        width: 100%;
        position: relative;
        padding-bottom: 250px !important;
        z-index: 0;
    }

    .quality_page .product_two_sec_content, .product_two_sec {
        width: 100% !important;
    }

    .hide-in-media {
        display: none;
    }

    .show-in-media {
        display: block;
    }

    .product_conet:hover {
        -webkit-transform: none;
        transform: none;
    }

    .projectInfoContent {
        width: 100%;
        margin: 0;
        padding: 10px;
        margin-bottom: 20px;
    }

    .contaciner {
        text-align: center;
        width: 100%;
        padding: 0px 15px;
    }

    .about-menu ul li {
        margin-right: 13px !important;
    }

    .show-in-media2 {
        display: none;
    }

    .show-in-media22 {
        display: none !important;
    }

    .address-block {
        min-height: 100px !important;
    }

}

@media (max-width: 640px) {
    .full-w {
        text-align: center;
        padding-bottom: 0px !important;
    }

    .hide-in-media2 {
        display: none;
    }

    .show-in-media22 {
        display: block !important;
    }

    .m-t-5 {
        margin-top: 50px !important;
    }

    .footer-logo-align {
        text-align: left;
    }
}

.equal-height-ib-bg-img {
    width: 100%;
    height: 100%;
}

.bg-position-center-center {
    background-size: cover !important;
    background-position: center center !important;
}

.screen, .screenWipe {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    min-height: 500px;
    padding: 10px 15px;
}

.bg.csr {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.content.ta-center.color-white {
    color: #fff;
}

.group p.sansSerif {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.6;
}

.breadcrumbs-v5 {
    position: relative;
    z-index: 1;
    background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 150px 0 150px;
    text-align: center;
}

.breadcrumbs-v5.about_bner_img {
    background: url(../images/page/about.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.product_bnr_img {
    background: url(../images/page/product.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.quality_bnr_img {
    background: url(../images/page/quality.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.client_bnr_img {
    background: url(../images/page/client.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.supplier_bnr_img {
    background: url(../images/page/supplier.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.contact_bnr_img {
    background: url(../images/page/contact.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.career_bnr_img {
    background: url(../images/page/career.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.feedback_bnr_img {
    background: url(../images/page/feedback.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5.gate_valve_bg {
    background: url(../images/page/gate_valve.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.breadcrumbs-v5:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(52, 52, 60, 0.5);
    content: " ";
}

.breadcrumbs-v5 .breadcrumbs-v5-title {
    display: block;
    font-size: 34px;
    font-weight: 600;
    color: #fff;
    line-height: 1.1;
    letter-spacing: 2px;
    margin-bottom: 0px;
    text-transform: uppercase;
    word-spacing: 0px;
}

.breadcrumbs-v5 .breadcrumbs-v5-subtitle {
    display: block;
    font-size: 18px;
    font-style: italic;
    font-family: Baskerville, Georgia, Serif;
    color: #fff;
    opacity: .8;
    display: none;
}

.breadcrumbs-v5 .breadcrumbs-v5-divider {
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
}

.breadcrumbs-v5 .breadcrumbs-v5-video {
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding-bottom: 3px;
    text-decoration: none;
}

/* Media Queries below 480px */
@media (max-width: 480px) {
    .breadcrumbs-v5 .breadcrumbs-v5-title {
        font-size: 50px;
    }
}

.bg-color-sky-light {
    background: #f7f8fa !important;
}

.contact_map {
    width: 100%;
    height: 250px;
    display: block;
}

.bg-color-white {
    background: #fff;
}

.font-size-22 {
    font-size: 22px !important;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
}

.contact_page p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.8);
    letter-spacing: 1px;
}

.legal-link img {
    width: 12px;
    vertical-align: middle;
    margin: 0 5px;
}

.clients-v1 {
    margin-bottom: 0;
}

.clients-v1 .clients-v1-item {
    position: relative;
    width: 135px;
    height: 135px;
    overflow: hidden;
    padding: 10px;
}

.clients-v1 .clients-v1-item .clients-v1-img {
    display: block;
    width: 115px;
    height: 115px;
    text-align: center;
    /* width: 85%; */
    /* height: 85%; */
    left: 0;
    right: 0;
    margin: auto;
    top: 50% !Important;
    margin-top: -57.5px;
}

.clients-v1 .clients-v1-item .clients-v1-img-default {
    opacity: 1;
    /* background: #34343c; */
    position: absolute;
    top: 0;
    left: 0;
    /* transition-duration: 300ms; */
    /* transition-property: all; */
    /* transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); */
}

.clients-v1 .clients-v1-item .clients-v1-img-active {
    opacity: 0;
    position: absolute;
    top: -100%;
    left: 0;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.clients-v1 .clients-v1-item:hover .clients-v1-img-default {
    opacity: 1;
    position: absolute;
    top: 100%;
    left: 0;
    top: 0;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.clients-v1 .clients-v1-item:hover .clients-v1-img-active {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.clients-v1 li {
    display: inline-block;
    margin: 10px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.clients-v1 .name {
    display: none;
    margin-top: 8px;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.8px;
}

.spCard {
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), inset 0 1px 0 #edeff2;
    padding: 20px 36px 10px 36px;
    margin-bottom: 30px;
}

.TextField {
    position: relative;
    margin-bottom: 20px;
}

.spCard .title {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 5px;
}

.reservation-input label {
    display: block;
    line-height: 20px;
    font-size: 12px;
    margin-bottom: 3px;
}

.reservation-input label span {
    letter-spacing: 0.7px;
    font-size: 14px;
}

.TextField .spField-input .spField-input-raw {
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    color: rgba(0, 0, 0, 0.82);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 14px;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #d1d1d5;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    display: block;
    height: 45px;
    line-height: 43px;
    box-sizing: border-box;
}

.spField-input {
    margin-top: 3px;
}

.spField-input .spField-input-raw:focus {
    outline: none;
    border-color: #0099e5;
}

select.spField-input-raw {
    cursor: pointer;
}

.upload {
    background: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    color: rgba(0, 0, 0, 0.82);
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 14px;
    margin-bottom: 0px;
    border-radius: 3px;
    border: 1px solid #d1d1d5;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
    display: block;
    height: 45px;
    line-height: 43px;
    box-sizing: border-box;
}

.upload:hover {
    background: #fff;
    border: 1px solid #0099e5;
    color: rgba(0, 0, 0, 0.82);
}

#input-file {
    cursor: pointer;
    display: block;
    position: absolute !important;
    top: 24px !important;
    left: 0 !important;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity:0);
    background: red;
    z-index: 2;
    width: 100%;
}

.upload:hover #input-file {
    display: block;
}

.spBtn {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    height: 50px;
    line-height: 50px;
    position: relative;
    background-color: #0099e5;
    border: 1px solid #005f8e;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(76, 76, 77, 0.28);
    white-space: nowrap;
    color: #fff !important;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
}

.spBtn:hover {
    background-color: #1ca6ea;
    border-color: #0099e5;
    color: #fff;
}

.spBtn:active {
    background-color: #0099e5;
    border-color: #0099e5;
}

/*contact page css*/

.contacts-block {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #000;
    z-index: 1
}

.contacts-block > .inner {
    position: relative
}

.contacts-block .location {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70%;
    width: calc(50% + 240px);
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.contacts-block .location .image {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-transition: -moz-transform 15s ease-out;
    -o-transition: -o-transform 15s ease-out;
    -webkit-transition: -webkit-transform 15s ease-out;
    transition: transform 15s ease-out;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.contacts-block .contact-container {
    position: relative;
    max-width: 1180px;
    padding: 0 18px;
    margin: 0 auto;
    z-index: 2
}

@media all and (max-width: 639px) {
    .contacts-block .contact-container {
        padding: 0 5%
    }
}

.contacts-block .contact-container:before, .contacts-block .contact-container:after {
    content: "";
    display: table;
    clear: both
}

.contacts-block .contact-info {
    position: relative;
    width: 60%;
    width: calc(50% + 100px);
    background-color: #fff;
    color: #000;
    float: right
}

@media all and (max-width: 639px) {
    .contacts-block .contact-info {
        width: 100%
    }
}

.contacts-block .contact-info > .inner {
    position: relative;
    padding: 55px 30px 50px 30px;
    text-align: center;
}

@media all and (max-width: 639px) {
    .contacts-block .contact-info > .inner {
        padding-left: 5%;
        padding-right: 5%
    }
}

.contacts-block .contact-info .phone a {
    font-style: italic;
    font-size: 20px
}

.contacts-block .contact-info .email a {
    color: #0099e5
}

.contacts-block .contact-info .address a {
    color: #0099e5
}

.contacts-block .location-name {
    position: relative;
    padding: 0 0 20px 0;
    font-size: 38px;
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 20px;
}

.contacts-block .location-name:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 74px;
    height: 2px;
    margin-left: -37px;
    background-color: #0099e5
}

.contacts-block .contact-item {
    display: block;
    position: relative;
    margin: 0;
    padding: 132px 0;
    overflow: hidden
}

.contacts-block .contact-item:hover .location .image {
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.contacts-block .contact-item:nth-child(2n+1) .location {
    position: absolute;
    left: auto;
    right: 0px
}

.contacts-block .contact-item:nth-child(2n+1) .contact-info {
    float: left
}

@media all and (max-width: 639px) {
    .contacts-block .social-links-block .social-link {
        width: 45px;
        height: 45px
    }
}

.contacts-block .social-links-block .social-link svg {
    fill: #000
}

.contacts-block .social-links-block .social-link:hover svg {
    fill: #0099e5
}

@media all and (max-width: 959px) {
    .contacts-block .contact-item {
        background-color: #F2F2F2;
        padding: 190px 0 60px
    }

    .contacts-block .contact-item .location {
        min-width: 100%;
        height: 330px
    }

    .contacts-block .contact-item .contact-info {
        float: none !important;
        margin: 0 auto
    }
}

p.address, p.email {
    line-height: 26px;
    letter-spacing: 0.6px;
}

p.address a {
    display: block;
}

p.email label {
    margin-right: 5px;
}

.about-menu {
    bottom: 0;
    height: 34px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 99999999;
    -moz-transition: all 0.5s ease 0s;
    max-width: 1300px;
    margin: auto;
}

.about-menu-main {
    height: 35px;
    background: none repeat scroll 0 0 rgb(0, 153, 229) !important;
    position: relative;
    top: 0px;
    z-index: 10;
    padding-left: 0px;
}

.about-menu ul {
    margin: 0 auto;
}

.about-menu ul li {
    display: inline;
    line-height: 34px;
    margin-right: 20px;
}

.abt-menu-li {
    margin-right: 70px !important;
}

.about-menu ul li a {
    line-height: 35px;
    font-size: 13px;
    color: #e8e8e8;
}

.about-menu ul li a:hover {
    color: #fff;
}

.about-menu ul.menuzord-menu {
    background: transparent !important;
}

.fix-about {
    z-index: 11;
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    padding-left: 67px;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.42);
}

.heading-v1 .heading-v1-title {
    font-size: 28px;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
}

.heading-v1 .heading-v1-text {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 0;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
}

/* White Version */
.heading-v1.heading-v1-white .heading-v1-title {
    color: #fff;
}

.heading-v1.heading-v1-white .heading-v1-text {
    color: #fff;
    opacity: .8;
}

.heading-v1 .heading-v1-subtitle {
    max-width: 600px;
    font-size: 16px;
    line-height: 28px;
    font-style: italic;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    color: #0099e5;
    margin-bottom: 10px;
}

.hr.gap.left_border {
    margin: inherit;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0;
}

p.sansSerif.full {
    max-width: 100%;
}

ul.quality_list li {
    margin-bottom: 15px;
}

ul.quality_list li:last-child {
    margin-bottom: 0;
}

.accreditions {
    text-align: center;
}

.accreditions li {
    width: 215px;
    height: auto;
    margin: auto;
    margin: 5px;
    display: inline-block;
}

.accreditions li img {
    width: 100%;
}

.accreditions li .certi-img {
    width: 100%;
    border: 5px solid rgba(0, 0, 0, 0.15);
}

.page_f_link {
    display: block;
    padding: 15px 0px;
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
}

.page_f_link ul {
    text-align: center;
}

.page_f_link ul li {
    display: inline-block;
    border-right: 1px solid rgba(51, 51, 51, 0.51);
    padding: 5px 20px;
}

.page_f_link ul li:last-child {
    border: 0;
}

.page_f_link ul li a {
    font-size: 13px;
    color: rgba(51, 51, 51, 0.75);
    letter-spacing: .7px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.page_f_link ul li a:hover {
    color: #0099e5;
}

.download li {
    display: inline-block;
    margin: 20px;
    width: 290px;
    background: #fff;
    transition: all .2s ease-in-out;
    cursor: pointer;
    min-height: 360px;
    vertical-align: top;
}

.download li:hover {
    transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 16px 7px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 16px 7px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 16px 7px rgba(0, 0, 0, 0.08);
}

.download li a {
    display: block;
}

.pdf_img {
    width: 100%;
    margin-bottom: 0px;
}

.pdf_img img {
    width: 100%;
}

.pdf_txt {
    width: 100%;
    padding: 10px;
}

.pdf_txt .title {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-family: Baskerville, Georgia, Serif;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #333;
}

.pdf_txt p {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 300;
    max-width: 520px;
    margin: auto;
    margin-top: 10px;
    color: rgba(51, 51, 51, 0.75);
    font-size: 12px;
    text-align: center;
    font-weight: 400;
    line-height: 1.7;
}

ul.download {
    text-align: center;
}

.Reservation-inputs-connected .spField .spField-input {
    border-top: 1px solid #d1d1d5 !important;
    border-bottom: 1px solid #d1d1d5 !important;
    border-left: none;
    border-right: none;
    border: 0 !important;
}

.Reservation-inputs-connected .spField:first-child .spField-input {
    border-left: 1px solid #d1d1d5 !important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 0 !important;
}

.Reservation-inputs-connected .spField {
    width: 25%;
    float: left;
    box-sizing: border-box;
}

.Reservation-inputs-connected .spField:last-child {
    width: 50%;
}

ul li input[type=radio] {
    position: absolute;
    visibility: hidden;
}

ul li .check {
    display: block;
    position: absolute;
    border: 2px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 10px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.spField-input ul li {
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 50%;
    /* height: 100px; */
    /* border-bottom: 1px solid #111111; */
}

ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 13px;
    width: 13px;
    top: 4px;
    left: 4px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
    border: 2px solid #0099e5;
}

input[type=radio]:checked ~ .check::before {
    background: #0099e5;
}

input[type=radio]:checked ~ label {
    color: #333;
}

.spField-input ul li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    padding: 3px 25px 25px 40px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
}

textarea.spField-input-raw {
    height: 110px !important;
    line-height: 1.7 !important;
    padding-top: 7px;
}

.spCard:last-child {
    margin-bottom: 0;
}

.b_bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.b_bottom:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.custom-testimonial {
    width: 100%;
    padding-bottom: 40px;
}

.custom-testimonial_thumb {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #0099e5;
}

.custom-testimonial_thumb .image_testimonial {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(0, 153, 229, 0.6);
    margin: auto;
    margin-bottom: 10px;
}

.custom-testimonial_thumb .image_testimonial img {
    width: 100%;
}

.custom-testimonial_thumb span {
    /* font-size: 16px; */
    /* font-style: italic; */

    color: #3a3a44;
    margin-bottom: 0;
    font-size: 16px;
    /* font-weight: 300; */
    color: #E05B18;
}

.custom-testimonial_comments {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
    max-width: 930px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(0, 0, 0, 0.58);
}

.custom-testimonial_comments span {
    display: block;
    margin-bottom: 10px;
    font-weight: 400;
    color: #0099e5;
}

.about-menu.in_product ul li {
    margin-right: 20px;
}

.about-menu.in_product ul li:last-child {
    margin-right: 0px;
}

.about-menu.in_product ul {
    text-align: center;
}

.about-menu.in_product ul li a {
    line-height: 1.5px;
    font-size: 12px;
    color: #B1B1B1;
}

.about-menu.in_product ul li.active_p_m a {
    color: #33adea;
    position: relative;
}

.about-menu.in_product ul li.active_p_m a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -11px;
    background: #33adea;
}

.full-w {
    width: 100%;
    position: relative;
    padding-bottom: 140px;
    z-index: 0;
}

.hand_concept {
    background: transparent url(../images/hand_a.png) no-repeat center center;
    position: absolute;
    left: -74px;
    top: 185px;
    width: 400px;
    height: 180px;
}

.full-w .zin {
    z-index: 99;
}

.margin-auto {
    margin: auto;
}

.product_basic_discription {
    display: block;
}

.product_basic_discription h2 {
    font-size: 36px;
    color: #33adea;
    margin-bottom: 30px;
}

.product_basic_discription p {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 300;
    margin: auto;
    margin-top: 20px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 1px;
}

.product_basic_discription p:first-child {
    margin-top: 0;
}

.tbl_title {
    background-color: #0099e5;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #0099e5;
    vertical-align: middle;
    padding: 10px 5px;
    line-height: 2;
}

.tbl_cont {
    background-color: #ffffff;
    color: #595959;
    border: 1px solid #efefef;
    vertical-align: middle;
    font-size: 13px;
    /* padding: 5px; */
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.4px;
}

.stander .tbl_cont {
    line-height: 2;
    padding: 10px 5px;
}

.products_gallery {
    height: 300px;
    overflow: hidden;
    padding: 0px 10px;
    text-align: center;
}

.products_gallery img {
    height: 300px;
}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
}

img.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

img.hover-shadow {
    transition: 0.3s
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.nav-main {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 20
}

.nav-main .nav-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 67px;
    height: 100%;
    background: #fff;
    border-right: 1px solid #cfcfcf;
    cursor: pointer;
    z-index: 3
}

.nav-main .nav-toggle .open, .nav-main .nav-toggle .close {
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease
}

@-moz-keyframes open-in {
    0% {
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes open-in {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes open-in {
    0% {
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.nav-main .nav-toggle .open {
    margin: -43px 0 0;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 66px;
    height: 66px;
}

.nav-main .nav-toggle .open .lines {
    position: relative;
    width: 26px;
    height: 20px
}

.nav-main .nav-toggle .open .line {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #010101;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards;
    -webkit-animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards;
    animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards
}

.nav-main .nav-toggle .open .line:nth-child(1) {
    top: 0
}

.nav-main .nav-toggle .open .line:nth-child(2) {
    margin-top: -1px;
    top: 50%;
    -moz-animation-delay: 0.36s;
    -webkit-animation-delay: 0.36s;
    animation-delay: 0.36s
}

.nav-main .nav-toggle .open .line:nth-child(3) {
    bottom: 0;
    -moz-animation-delay: 0.42s;
    -webkit-animation-delay: 0.42s;
    animation-delay: 0.42s;
    -moz-animation-timing-function: cubic-bezier(0.18, 0.89, 0.63, 1.26);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.63, 1.26);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.63, 1.26)
}

@-moz-keyframes close-out-1 {
    0% {
        -moz-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -moz-transform: scaleY(0) translateY(10px);
        transform: scaleY(0) translateY(10px);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes close-out-1 {
    0% {
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -webkit-transform: scaleY(0) translateY(10px);
        transform: scaleY(0) translateY(10px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@keyframes close-out-1 {
    0% {
        -moz-transform: scaleY(1) translateY(0);
        -ms-transform: scaleY(1) translateY(0);
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -moz-transform: scaleY(0) translateY(10px);
        -ms-transform: scaleY(0) translateY(10px);
        -webkit-transform: scaleY(0) translateY(10px);
        transform: scaleY(0) translateY(10px);
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@-moz-keyframes close-out-2 {
    0% {
        -moz-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -moz-transform: scaleX(0) translateX(10px);
        transform: scaleX(0) translateX(10px);
        -moz-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes close-out-2 {
    0% {
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -webkit-transform: scaleX(0) translateX(10px);
        transform: scaleX(0) translateX(10px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

@keyframes close-out-2 {
    0% {
        -moz-transform: scaleX(1) translateX(0);
        -ms-transform: scaleX(1) translateX(0);
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    100% {
        -moz-transform: scaleX(0) translateX(10px);
        -ms-transform: scaleX(0) translateX(10px);
        -webkit-transform: scaleX(0) translateX(10px);
        transform: scaleX(0) translateX(10px);
        -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }
}

.nav-main .nav-toggle .close {
    margin: -43px 0 0;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 66px;
    height: 66px;
}

.nav-main .nav-toggle .close .lines {
    position: relative;
    width: 26px;
    height: 26px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav-main .nav-toggle .close .line {
    display: block;
    position: absolute;
    background: #010101
}

.nav-main .nav-toggle .close .line:nth-child(1) {
    margin-left: -1px;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    -moz-animation: close-out-1 0.3s linear 0.1s 1 normal forwards;
    -webkit-animation: close-out-1 0.3s linear 0.1s 1 normal forwards;
    animation: close-out-1 0.3s linear 0.1s 1 normal forwards
}

.nav-main .nav-toggle .close .line:nth-child(2) {
    margin-top: -1px;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    -moz-animation: close-out-2 0.3s linear 0s 1 normal forwards;
    -webkit-animation: close-out-2 0.3s linear 0s 1 normal forwards;
    animation: close-out-2 0.3s linear 0s 1 normal forwards
}

.nav-main .nav-toggle:hover .open, .nav-main .nav-toggle:hover .close {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3
}

.nav-main .nav-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.nav-main .site-title {
    z-index: 3
}

.nav-main .nav-inner {
    padding: 0 0 0 87px;
    position: absolute;
    top: 0;
    left: 0;
    width: 690px;
    height: 100%;
    background: #fff;
    z-index: 2
}

.nav-main .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(165, 165, 165, 0.6);
    z-index: 1
}

.nav-main .menu {
    margin: 0;
    padding: 50px;
    position: relative;
    list-style: none;
    font: 700 26px/1 "Montserrat", sans-serif
}

.nav-main .menu li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.nav-main .menu .menu-item {
    float: left;
    margin: 0;
    padding: 12px 0;
    width: 50%
}

.nav-main .menu .menu-item:nth-child(2n+1) {
    clear: both;
    padding-right: 20px
}

.nav-main .menu .menu-item-eshop {
    position: absolute;
    bottom: -80px;
    left: 50px
}

.nav-main .menu .menu-info {
    margin-top: 3px;
    color: #a5a5a5;
    font: 300 14px/1.2 "proxima-nova", sans-serif
}

.nav-main .menu a {
    display: inline-block;
    padding: 5px 0;
    position: relative;
    color: #000;
}

.nav-main .menu a:after {
    height: 4px
}

.nav-main .menu .current-menu-item a:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.nav-main .language-selector {
    position: absolute;
    top: 25px;
    right: 15px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.nav-main .language-selector .langs {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-main .language-selector .langs li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.nav-main .language-selector .langs .lang {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.nav-main .language-selector .langs .lang + .lang {
    margin-left: 30px
}

.nav-main .language-selector a {
    display: block;
    padding-left: 15px;
    position: relative;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
    font: 700 12px/1 "Montserrat", sans-serif;
    letter-spacing: 0.05em;
    text-transform: uppercase
}

.nav-main .language-selector a:before {
    position: absolute;
    top: 5px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 10px;
    height: 2px;
    background: #010101;
    content: '';
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear
}

.nav-main .language-selector a:after {
    display: none
}

.nav-main .language-selector a:hover:hover {
    color: #a5a5a5
}

.nav-main .language-selector a:hover:hover:before {
    background: #a5a5a5
}

.nav-main .social-links {
    position: absolute;
    bottom: 30px;
    left: 137px;
    font: 700 14px/1 "Montserrat", sans-serif;
    letter-spacing: 0.25em;
    text-transform: uppercase
}

.nav-main .social-links .links {
    margin: 5px 0 0;
    padding: 0;
    list-style: none
}

.nav-main .social-links .links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.nav-main .social-links .links .link {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.nav-main .social-links .links .link:first-child {
    margin-left: -5px
}

.nav-main .social-links .links a {
    display: block;
    padding: 5px
}

.nav-main .social-links .links a:after {
    display: none
}

.nav-main .social-links .links a:hover .svg {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.nav-main .social-links .links .svg {
    width: 20px;
    height: 20px;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease
}

@-moz-keyframes open-out-1 {
    0% {
        -moz-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    35% {
        -moz-transform: scaleX(0.9) translateX(-5px);
        transform: scaleX(0.9) translateX(-5px);
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    100% {
        -moz-transform: scaleX(0) translateX(5px);
        transform: scaleX(0) translateX(5px);
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@-webkit-keyframes open-out-1 {
    0% {
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    35% {
        -webkit-transform: scaleX(0.9) translateX(-5px);
        transform: scaleX(0.9) translateX(-5px);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    100% {
        -webkit-transform: scaleX(0) translateX(5px);
        transform: scaleX(0) translateX(5px);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@keyframes open-out-1 {
    0% {
        -moz-transform: scaleX(1) translateX(0);
        -ms-transform: scaleX(1) translateX(0);
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    35% {
        -moz-transform: scaleX(0.9) translateX(-5px);
        -ms-transform: scaleX(0.9) translateX(-5px);
        -webkit-transform: scaleX(0.9) translateX(-5px);
        transform: scaleX(0.9) translateX(-5px);
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    100% {
        -moz-transform: scaleX(0) translateX(5px);
        -ms-transform: scaleX(0) translateX(5px);
        -webkit-transform: scaleX(0) translateX(5px);
        transform: scaleX(0) translateX(5px);
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }
}

@-moz-keyframes open-out-2 {
    0% {
        -moz-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }

    35% {
        -moz-transform: scaleX(0.9) translateX(5px);
        transform: scaleX(0.9) translateX(5px);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleX(0) translateX(-5px);
        transform: scaleX(0) translateX(-5px);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes open-out-2 {
    0% {
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    35% {
        -webkit-transform: scaleX(0.9) translateX(5px);
        transform: scaleX(0.9) translateX(5px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: scaleX(0) translateX(-5px);
        transform: scaleX(0) translateX(-5px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes open-out-2 {
    0% {
        -moz-transform: scaleX(1) translateX(0);
        -ms-transform: scaleX(1) translateX(0);
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    35% {
        -moz-transform: scaleX(0.9) translateX(5px);
        -ms-transform: scaleX(0.9) translateX(5px);
        -webkit-transform: scaleX(0.9) translateX(5px);
        transform: scaleX(0.9) translateX(5px);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleX(0) translateX(-5px);
        -ms-transform: scaleX(0) translateX(-5px);
        -webkit-transform: scaleX(0) translateX(-5px);
        transform: scaleX(0) translateX(-5px);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.nav-main.is-opened .nav-toggle .open .line {
    -moz-animation: open-out-1 0.4s linear 0s 1 normal forwards;
    -webkit-animation: open-out-1 0.4s linear 0s 1 normal forwards;
    animation: open-out-1 0.4s linear 0s 1 normal forwards;
    -moz-transform: scaleX(1) translateX(0);
    -ms-transform: scaleX(1) translateX(0);
    -webkit-transform: scaleX(1) translateX(0);
    transform: scaleX(1) translateX(0)
}

.nav-main.is-opened .nav-toggle .open .line:nth-child(1) {
    -moz-animation-delay: 0.16s;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s
}

.nav-main.is-opened .nav-toggle .open .line:nth-child(2) {
    -moz-animation-delay: 0.08s;
    -webkit-animation-delay: 0.08s;
    animation-delay: 0.08s;
    -moz-animation-name: open-out-2;
    -webkit-animation-name: open-out-2;
    animation-name: open-out-2
}

.nav-main.is-opened .nav-toggle .open .line:nth-child(3) {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-moz-keyframes close-in-1 {
    0% {
        -moz-transform: scaleY(0) translateY(-10px);
        transform: scaleY(0) translateY(-10px);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes close-in-1 {
    0% {
        -webkit-transform: scaleY(0) translateY(-10px);
        transform: scaleY(0) translateY(-10px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes close-in-1 {
    0% {
        -moz-transform: scaleY(0) translateY(-10px);
        -ms-transform: scaleY(0) translateY(-10px);
        -webkit-transform: scaleY(0) translateY(-10px);
        transform: scaleY(0) translateY(-10px);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleY(1) translateY(0);
        -ms-transform: scaleY(1) translateY(0);
        -webkit-transform: scaleY(1) translateY(0);
        transform: scaleY(1) translateY(0);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-moz-keyframes close-in-2 {
    0% {
        -moz-transform: scaleX(0) translateX(-10px);
        transform: scaleX(0) translateX(-10px);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@-webkit-keyframes close-in-2 {
    0% {
        -webkit-transform: scaleX(0) translateX(-10px);
        transform: scaleX(0) translateX(-10px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

@keyframes close-in-2 {
    0% {
        -moz-transform: scaleX(0) translateX(-10px);
        -ms-transform: scaleX(0) translateX(-10px);
        -webkit-transform: scaleX(0) translateX(-10px);
        transform: scaleX(0) translateX(-10px);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    100% {
        -moz-transform: scaleX(1) translateX(0);
        -ms-transform: scaleX(1) translateX(0);
        -webkit-transform: scaleX(1) translateX(0);
        transform: scaleX(1) translateX(0);
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.nav-main.is-opened .nav-toggle .close .line:nth-child(1) {
    -moz-animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;
    -webkit-animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;
    animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.nav-main.is-opened .nav-toggle .close .line:nth-child(2) {
    -moz-animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;
    -webkit-animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;
    animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.nav-main.is-opened .nav-container {
    display: block
}

.nav-head {
    position: fixed;
    top: 40px;
    right: 20px;
    font: 700 20px/1 "Montserrat", sans-serif;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.nav-head .menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-head .menu li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.nav-head .menu .menu-item {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.nav-head .menu .menu-item + .menu-item {
    margin-left: 180px
}

.nav-head a {
    display: block;
    padding: 0 0 0 18px;
    position: relative;
    -moz-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear
}

.nav-head a:before {
    display: block;
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 0;
    width: 13px;
    height: 2px;
    background: #010101;
    content: '';
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear
}

.nav-head a:after {
    display: none
}

.nav-head a:hover {
    color: #a5a5a5
}

.nav-head a:hover:before {
    background: #a5a5a5
}

.site-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20
}

.site-head .site-title {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
}

.site-title img {
    margin-left: 130px;
    margin-top: 20px;
    width: 350px;
}

.site-head .site-title a:after {
    display: none
}

.site-head .site-title .animation-container {
    display: inline-block;
    position: relative;
    width: 129px;
    height: 70px;
    top: 0;
    left: 110px;
}

.site-head .site-title .animation-container svg {
    display: none;
}

.site-head .svg-logo-melville {
    width: 129px;
    height: 70px
}

.nav-main.is-opened .nav-container {
    display: block;
}

.nav-main.is-open .nav-container {
    display: block;
}

.nav-main li a:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: #010101;
    content: '';
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transition: -moz-transform 0.3s cubic-bezier(1, 0, 0, 1);
    -o-transition: -o-transform 0.3s cubic-bezier(1, 0, 0, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
    transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
}

.nav-main li a:hover:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.horizontal-wrapper {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    max-width: 1360px
}

.va-outer {
    display: table;
    width: 100%;
    height: 100%
}

.va-inner {
    display: table-cell;
    vertical-align: middle
}

.alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft {
    display: block;
    margin: 50px auto;
    width: 100%

}

.site-head .site-title .animation-container {
    width: 272px;
    height: 101px;
    background: url(../images/logo.png) no-repeat;
    background-size: 100%;
    /* margin: auto; */
    /*box-shadow: 0px 3px 8px rgba(255, 255, 255, 0.15);
    border: 3px solid rgba(0, 153, 229, 0.77);
    -webkit-box-shadow: inset 0px 1px 12px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 12px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 1px 12px 0px rgba(0, 0, 0, 0.3);*/
}

.site-head .svg-logo-melville {
    width: 110px;
    height: 60px
}

.product_two_sec {
    display: inline-block;
    width: 40%;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,
    -webkit-transform 1s;
    margin-left: 6%;
}

.product_two_sec.right_side_img {
    margin-left: 1%;
}

.product_two_sec img {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,
    -webkit-transform .3s ease-in-out;
    width: 100%;
}

.product_two_sec:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product_two_sec .product_border {
    display: block;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    overflow: hidden;
}

.product_two_sec:hover .product_border {
    -webkit-transform: scale(.97);
    transform: scale(.97);
}

.product_two_sec_content {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative;
    z-index: 122;
}

.product_conet {
    position: absolute;
    width: 100%;
    padding: 15px;
    background: #fff;
    top: 160px;
    left: -60px;
    cursor: pointer;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.product_conet:hover {
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
}

.product_conet h3 {
    font-size: 26px;
    margin-bottom: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.product_conet p {
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    line-height: 2;
}

.product_conet a, .product_conet span.outer {
    position: relative;
    float: left;
    display: inline-block;
    text-decoration: none;
    z-index: 10;
}

.product_conet a span.text {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.04em;
    padding-left: 10px;
    padding-right: 10px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.animated.product_two_sec_content.right_side_cont .product_conet {
    /* right: -60px; */
    left: 70px;
    position: absolute;
    z-index: 2;
}

.projectInfoContent {
    padding: 50px 45px 35px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    box-sizing: border-box;
    background-color: #ececec;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    position: relative;
    width: 55%;
    margin-left: 70px;
    margin-top: 100px;
    z-index: 9;
    display: inline-block;
    margin-bottom: 50px;
}

.projectInfoInner {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.projectInfoContent h2, .projectInfoContent h1 {
    margin: 0 0 -25px 0px;
    width: 100%;
    position: absolute;
    bottom: 100%;
    z-index: 1;
    font-size: 44px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.miscInfo {
    margin: 0 0 50px;
    display: block;
}

.miscInfo:before {
    content: '';
    width: 60px;
    height: 3px;
    display: inline-block;
    margin-right: 20px;
    background-color: #0099e5;
    vertical-align: middle;
    margin-left: 5px;
}

.projectInfoContent p {
    margin-top: 20px;
    line-height: 2;
    font-weight: 400;
}

.project_slide {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-left: -20px;
}

.project_slide .item {
    text-align: center;
}

.dashborad_recent_order {
    position: relative;
    width: 18%;
    background: rgba(255, 255, 255, 0.44);
    display: inline-block;
    padding: 50px 10px;
    margin: 0;
    margin: 0px 7px;
    min-height: 252px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    vertical-align: middle;
}

.dashborad_recent_order .count-profile {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 1.5;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    position: absolute !important;
    left: 0;
    right: 0;
    padding: 0 10px;
}

.dashborad_recent_order .count-profile span {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.57);
    text-transform: uppercase;
}

.dashborad_recent_order.in_double_dash {
    width: 48%;
}

.dashborad_recent_order.in_double_dash .count-profile {
    position: inherit !important;
    top: 0;
    transform: translate3d(0, 0, 0);
}

.in_double {
    display: block;
    vertical-align: middle;
    margin: 0px 10px;
    position: relative;
}

.in_double.right_border:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 1px;
    background: rgba(0, 0, 0, 0.22);
    right: -13px;
}

table.in_table_d_shadow {
    box-shadow: 0 7px 15px rgba(0, 0, 0, .2);
}

.in_two_horizental_row {
    width: 36%;
    display: inline-block;
    vertical-align: middle;
}

ul.list-style {
    list-style-type: disc;
    list-style-position: outside;
    -webkit-padding-start: 15px;
}

.in_two_horizental {

    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    display: block;
    position: relative;
    padding: 25px 10px;
}

.in_two_horizental .count-profile {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 1.5;
}

.in_two_horizental .count-profile span {
    font-size: 13px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.57);
    text-transform: uppercase;
}

.in_row_three .dashborad_recent_order {
    width: 31%;
    margin-bottom: 20px;
    min-height: 160px;
}

.in_row_two .dashborad_recent_order {
    width: 47.3%;
    margin-bottom: 20px;
    min-height: 160px;
}

.page-intro-images {
    margin-bottom: 200px;
    padding: 100px 0 300px 580px;
    position: relative;
    margin-bottom: 50px;
}

.page-intro-images .intro-body {
    width: 90%;
    height: 540px;
    position: relative;
    z-index: 9;
}

.va-outer {
    display: table;
    width: 100%;
    height: 100%;
}

.va-inner {
    display: table-cell;
    vertical-align: middle;
}

.page-intro-images .intro-body .page-title {
    font-size: 48px;
    margin-left: -90px;
    left: 0;
    position: relative;
    line-height: 1.2;
    font-weight: 600;
    z-index: 9;
}

.page-intro-images .intro-body .intro-text {
    margin: 30px 0;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    color: #8b8b8b;
}

.page-intro-images .intro-body .intro-text p {
    line-height: 2;
    letter-spacing: 1px;
}

.rte p:last-child {
    margin-bottom: 0;
}

.rte p:first-child {
    margin-top: 0;
}

.btn-text {
    display: inline-block;
    padding: 0 0 0 14px;
    position: relative;
    background: no-repeat;
    border: none;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #010101;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1;
    text-transform: uppercase;
    padding-left: 12px;
    font-size: 12px;
}

.btn-text:before, .btn-text:after {
    display: block;
    position: absolute;
    right: auto;
    left: 0;
    width: 4px;
    height: 50%;
    background: #010101;
    content: '';
    -moz-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1), -moz-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1), -o-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.btn-text:before {
    top: 0;
    bottom: auto;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.btn-text:before, .btn-text:after {
    width: 3px;
}

.btn-text:after {
    top: auto;
    bottom: 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.btn-text:hover:before {
    width: 3px;
    -moz-transform: scaleX(1.3) translateX(5px) rotateZ(-36deg);
    -ms-transform: scaleX(1.3) translateX(5px) rotateZ(-36deg);
    -webkit-transform: scaleX(1.3) translateX(5px) rotateZ(-36deg);
    transform: scaleX(1.3) translateX(5px) rotateZ(-36deg);
}

.btn-text:hover:after {
    width: 3px;
    -moz-transform: scaleX(1.3) translateX(5px) rotateZ(36deg);
    -ms-transform: scaleX(1.3) translateX(5px) rotateZ(36deg);
    -webkit-transform: scaleX(1.3) translateX(5px) rotateZ(36deg);
    transform: scaleX(1.3) translateX(5px) rotateZ(36deg);
}

.page-intro-images .intro-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.page-intro-images .intro-images .image-container {
    position: absolute
}

.page-intro-images .intro-images .image-container:nth-child(1) {
    left: 40px;
    top: 40px;
    width: 500px;
    min-height: 100px;
}

.page-intro-images .intro-images .image-container:nth-child(2) {
    width: 435px;
    min-height: 100px;
    bottom: 0;
    left: 500px;
}

.page-intro-images .intro-images .image-container:nth-child(3) {
    top: -50px;
    left: 580px;
    width: 230px;
    min-height: 100px;
}

.page-intro-images .intro-images .image-container:nth-child(4) {
    left: 100px
}

div#product_large .item img, div#product_medium .item img, div#product_small .item img {
    width: 100%;
}

.padding-t-90 {
    padding-top: 90px;
}

.timeline-v4 {
    position: relative;
    list-style: none;
    padding: 50px 0 20px;
}

.timeline-v4:before {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 6px;
    background: rgba(0, 153, 229, 0.38);
    margin-left: -3px;
    content: " ";
}

.timeline-v4 .timeline-v4-list-item {
    position: relative;
    width: 50%;
    float: left;
    clear: both;
    padding-right: 70px;
    margin-top: 10px;
}

.timeline-v4 .timeline-v4-list-item:before, .timeline-v4 .timeline-v4-list-item:after {
    content: " ";
    display: table;
}

.timeline-v4 .timeline-v4-list-item:after {
    clear: both;
}

.timeline-v4 .timeline-v4-list-item:first-child {
    margin-top: -20px;
}

.timeline-v4 .timeline-v4-list-item:nth-child(2) {
    margin-top: 10px;
}

.timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon {
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 120px;
    height: 120px;
    padding: 2px;
    background: #0099e5;
    border: 2px solid #fff;
    margin-right: -60px;
    border-radius: 50%;
    overflow: hidden;
}

.timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon img {
    border-radius: 50%;
}

.timeline-v4 .timeline-v4-right-wing {
    float: right;
    clear: both;
    padding: 0 0 0 70px;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon {
    left: 0;
    right: auto;
    margin-left: -60px;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-badge:before {
    position: absolute;
    top: 31px;
    left: auto;
    right: 100.4%;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel {
    float: right;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel.timeline-v4-panel-right {
    position: relative;
}

.timeline-v4 .timeline-v4-panel {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
}

.timeline-v4 .timeline-v4-panel.timeline-v4-panel-left {
    position: relative;
}

.timeline-v4 .timeline-v4-subtitle {
    display: block;
    font-size: 16px;
    font-style: italic;
    font-family: Droid Serif, serif;
    color: #0099e5;
    margin-bottom: 5px;
}

.timeline-v4 .timeline-v4-title {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 500;
}

.timeline-v4 .timeline-v4-title .timeline-v4-title-link {
    font-size: 24px;
}

/* Media Queries below 768px */

.timeline-v4 .timeline-v4-panel p {
    line-height: 1.7;
    color: rgba(0, 0, 0, 0.61);
}

.timeline ul {
    padding: 0px 0;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    /* margin: 0 auto; */
    padding-top: 20px;
    background: #0099e5;
    margin-left: 100px;
}

.timeline ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    background: #0099e5;
    top: 30px;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: inherit;
}

.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 810px;
    padding: 15px;
    background: #fafafa;
    font-size: 14px;
    line-height: 1.7;
}

.timeline ul li div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline ul li:nth-child(odd) div {
    left: 55px;
}

.timeline ul li:nth-child(odd) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #fafafa transparent transparent;
}

.timeline ul li:nth-child(even) div {
    left: 55px;
}

.timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #fafafa transparent transparent;
}

.show-in-media {
    display: none;
}

.show-in-media2 {
    display: none;
}

time {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.the-process.second-v2 {
    margin-bottom: 130px !important;
    position: relative;
}

.process_inner_block {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -100px;
}

.font-creatively {
    position: absolute;
    max-width: 230px;
    left: 50px;
    top: 20px;
}

.font-creatively img {
    max-width: 100%;
}

.process_inner_block .processSingle {
    width: 23%;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
    background: #fafafa;
    height: 230px;
    padding-top: 20px;
    margin: 0px 5px;
}

.process_inner_block li.processSingle a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.process_inner_block .processSingle img + p {
    margin-top: 40px;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    font-weight: 600;
    color: #0099e5;
    font-size: 18px;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.contact-item .location {
    /*position: relative;*/
}

.contact-item .location:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.49);
    z-index: 1;
}

a.social-link.instagram, a.social-link.twitter {
    display: none;
}

.header-right-side {
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 15px;
    text-align: right;
}

.page-header-social-wrapper {
    /* position: relative; */
    height: 100%;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding-top: 11px;
}

.page-header-social-links {
    display: block;
    position: relative;
    width: 280px;
    height: 100%;
    float: left;
    -moz-transition: -moz-transform 1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -o-transition: -o-transform 1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-delay: .5s;
    transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1) .5s;
}

.page-header-social-links > .content {
    display: table;
    width: 100%;
    height: 100%;
    text-align: right;
}

.page-header-social-links > .content > .inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    text-align: right;
}

.page-header-social-link {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 7px;
    vertical-align: middle;
}

.page-header-social-link.facebook svg {
    width: 8px;
    height: 15px;
}

.page-header-social-link.gplus svg {
    width: 18px;
    height: 16px;
}

.page-header-social-link svg {
    position: relative;
    display: block;
    margin: 0 auto;
    fill: #404040;
    stroke: #404040;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.page-header-social-link.linkedin svg {
    width: 15px;
    height: 16px;
}

.page-header-social-link svg:hover {
    fill: #0099e5;
    stroke: #0099e5;
}

.page-header-contact-detail {
    display: inline-block;
    padding-top: 15px;
    font-size: 14px;
    /* margin-top: 13px; */
    margin-left: 25px;
    vertical-align: middle;
}

a.page-header-social-link.linkedin {
    margin-right: 0;
}

.product_conet h3 a {
    float: none;
    display: block;
    color: #333;
}

.product_conet h3 a:hover, .product_conet h3 a:focus {
    color: #333;
}

.container.fullpanel.promise-quality {
    max-height: 600px;
}

.promise-quality .gap {
    margin-left: 0;
}

.promise-quality p.sansSerif {
    margin-left: 0;
}

.in-icon-five {
    display: block;
}

.in-icon-five .in-icon {
    display: block;
    margin: auto;
    margin-bottom: 20px;
    width: 60px;
    height: 60px;
    text-align: center;
}

.in-icon-five .icon-title {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #555555;
    font-size: 16px;
}

.in-icon-five .icon-content {
    display: block;
    width: 100%;
    text-align: center;
    color: #888;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 300;
}

section.panel.the-process-block {
    padding: 50px 0px;
}

.section-specialization {
    background-image: url(../images/bg_whatwedo.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.section-specialization {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    background-color: #f7f7f7;
    padding: 80px 0px;
}

.section-specialization h2 {
    color: #fff;
}

.section-specialization .gap {
    margin-left: 0;
}

.section-specialization .product-slide {
    display: block;
    background: #fff;
    padding: 5px;
    padding-bottom: 0;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.08);
}

.section-specialization .product-slide .img-block {
    display: block;
    width: 100%;
}

.section-specialization .product-slide .img-block img {
    max-width: 100%;
}

.section-specialization .product-slide .product-name {
    padding: 15px 10px;
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 1.5;
}

.section-specialization #spezilation .item {
    margin: 10px;
}

.test-block-ico {
    display: block;

}

section.section.section-clients {
    background: #fafafa;
    padding: 60px 0px;
}

.test-block-ico li {
    box-sizing: border-box;
    width: 33.33%;
    height: 140px;
    float: left;
    position: relative;
    cursor: default;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    margin: 0px 0px 10px;
    padding: 0px 5px;
    cursor: pointer;
}

.test-block-ico li i {
    display: block;
    position: absolute;
    top: 0px;
    right: 5px;
    bottom: 0px;
    left: 5px;
    text-align: center;
    background: center center no-repeat;
    transition: 0.35s;
    background: #fff;
}

.test-block-ico li i img {
    max-height: 140px;
}

.hide {
    display: none !important;
}

div#cs-content {
    height: 140px;
    margin-bottom: 30px;
}

.cs-content p:first-child {
    color: #2c2c2c;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 2;
    color: rgba(0, 0, 0, 0.58) !important;
}

.cs-content p:nth-child(2) {
    font-size: 16px;
    margin-bottom: 10px;
}

.cs-content p {
    color: #0099e5;
}

.client-item {
    margin-left: 25px;
    margin-right: 25px;
}

.client-item img {
    max-width: 100%;
    /*-webkit-filter: grayscale(90%);*/
}

.with-icon-box {
    background: rgba(0, 153, 229, .45);
    padding-bottom: 50px;
    margin-top: 140px;
    overflow: visible;
    position: relative;
    width: 100%;
}

.ct-box {
    background: #fff;
    border: 1px solid #f8f8f8;
    border-radius: 3px;
    box-shadow: 0 2px 4px #d1d1d1;
    margin: 0;
    padding: 20px 5px;
    margin-top: -90px;
}

.ct-box .in-icon-five {
    display: block;
    vertical-align: top;
    padding: 0px 15px;
}

.ct-box .in-icon-five .in-icon {
    display: block;
    margin: auto;
    margin-bottom: 15px;
    width: 75px;
    height: 75px;
    text-align: center;
}

.ct-box .in-icon-five .icon-title {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #555555;
    font-size: 16px;
}

.ct-box .in-icon-five .icon-content {
    display: block;
    width: 100%;
    text-align: center;
    color: #888;
    font-size: 13px;
}

.ct-box .in-icon-five .in-icon img {
    max-width: 100%;
    max-height: 100%;
}

section.in-client-slider.with-icon-box {
    background: #0099e5;
    padding-bottom: 0;
}

.in-client-slider .ct-box {
    padding-top: 40px;
    padding-bottom: 40px;
}

#main-slider-owl .item img {
    width: 100%;
}

#main-slider-owl .item img {
    display: block;
    width: 100%;
    height: auto;
}

#main-slider-owl .owl-controls {
    position: absolute;
    width: 100%;
    bottom: 15px;
    text-align: center;
}

#main-slider-owl .owl-controls .owl-paginations {
    display: inline-block;
    margin: auto;
    background: rgba(0, 0, 0, 0.42);
    border-radius: 7px;
    height: 27px;
    padding: 3px 6px;
}

#main-slider-owl .owl-controls .owl-pagination {
    display: inline-block;
    margin: auto;
    background: rgba(0, 0, 0, 0.42);
    border-radius: 7px;
    height: 27px;
    padding: 3px 6px;
}

#main-slider-owl .owl-pagination .owl-page.active span {
    background-color: #26b8f3;
    content: "";
}

#main-slider-owl .owl-pagination span {
    box-shadow: inset 0 0 0 1px #26b8f3;
    background: transparent;
}

#main-slider-owl .owl-buttons {
    display: none;
}

#main-slider-owl .item {
    position: relative;
}

#main-slider-owl .item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.28);*/
}

#main-slider-owl .item .slider-content {
    position: absolute;
    display: block;
    top: 50px;
    left: 50px;
}

#main-slider-owl .item .slider-content .left-slide-block {
    display: inline-block;
    padding: 10px 20px;
    border-right: 1px solid #3284c2;
    vertical-align: middle;
}

#main-slider-owl .item .slider-content .left-slide-block:last-child {
    border: 0;
}

#main-slider-owl .item .slider-content .left-slide-block ul {
    margin: 0;
}

#main-slider-owl .item .slider-content .left-slide-block ul li {
    margin: 0;
    color: #7bb42e;
    font-size: 14px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}

#main-slider-owl .item .slider-content .left-slide-block ul li:after {
    content: "•";
    position: absolute;
    left: 0px;
    font-size: 22px;
    top: -5px;
    line-height: 1;
}

#main-slider-owl .item .slider-content .left-slide-block ul li:last-child {
    margin-bottom: 0;
}

#main-slider-owl .item .slider-content .left-slide-block h1, #main-slider-owl .item .slider-content .left-slide-block h2 {
    font-size: 20px;
    margin: 0;
    line-height: 1;
    font-weight: 400;
    color: #7bb42e;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
}

#main-slider-owl .item .slider-content .left-slide-block h2 {
    margin-top: 20px;
}

.timeline-v4 {
    position: relative;
    list-style: none;
    padding: 20px 0 20px;
}

.timeline-v4:before {
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 2px;
    background: #0099e5;
    margin-left: -1px;
    content: " ";
}

.timeline-v4:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 18px;
    background: #0099e5;
    border-radius: 50%;
    content: "";
    color: #fff;
    line-height: .8;
    padding: 9px;
    margin-left: -15px;
}

.timeline-v4 .timeline-v4-list-item {
    position: relative;
    width: 50%;
    float: left;
    clear: left;
    padding-right: 50px;
    margin-top: 50px;
}

.timeline-v4 .timeline-v4-list-item:before, .timeline-v4 .timeline-v4-list-item:after {
    content: " ";
    display: table;
}

.timeline-v4 .timeline-v4-list-item:after {
    clear: both;
}

.timeline-v4 .timeline-v4-list-item:first-child {
    margin-top: 0;
}

.timeline-v4 .timeline-v4-list-item:nth-child(2) {
    margin-top: 50px;
}

.timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon {
    position: absolute;
    top: 59px;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;
    background: #0099e5;
    border: 2px solid #fff;
    margin-right: -7.5px;
}

.timeline-v4 .timeline-v4-right-wing {
    float: right;
    clear: right;
    padding: 0 0 0 50px;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon {
    left: 0;
    right: auto;
    margin-left: -7.5px;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-badge:before {
    position: absolute;
    top: 31px;
    left: auto;
    right: 100.4%;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel {
    float: right;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel.timeline-v4-panel-right {
    position: relative;
}

.timeline-v4 .timeline-v4-right-wing .timeline-v4-panel.timeline-v4-panel-right:before {
    position: absolute;
    top: 50px;
    right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 20px 15px 0;
    border-color: transparent #fff transparent transparent;
    content: " ";
    margin-right: -3px;
}

.timeline-v4 .timeline-v4-panel {
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px;
}

.timeline-v4 .timeline-v4-panel.timeline-v4-panel-left {
    position: relative;
}

.timeline-v4 .timeline-v4-panel.timeline-v4-panel-left:after {
    position: absolute;
    top: 50px;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #fff;
    content: " ";
    margin-left: -3px;
}

.timeline-v4 .timeline-v4-subtitle {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-family: "Libre Baskerville", Baskerville, Georgia, Serif;
    color: #0099e5;
    margin-bottom: 15px;
}

.timeline-v4 .timeline-v4-title {
    font-size: 24px;
}

.timeline-v4 .timeline-v4-title .timeline-v4-title-link {
    font-size: 24px;
}

/* Media Queries below 768px */

ul.list-set li {
    margin: 0;
    font-size: 14px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
    font-family: "Gotham A", "Gotham B", Gotham, Helvetica, Arial, Sans-Serif;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 1px;
    color: rgba(0, 0, 0, 0.59);
}

ul.list-set li:after {
    content: "•";
    position: absolute;
    left: 0px;
    font-size: 22px;
    top: 0;
    line-height: 1;
}

ul.list-set li:last-child {
    margin-bottom: 0;
}

ul.set-image-gallery li {
    width: 250px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 6px;
}

ul.set-image-gallery li img {
    width: 100%;
}

.owl-foundry img {
    width: 100%;
}

.owl-foundry .item {
    margin: 0px 10px;
}

.tab-v1 .nav-tabs {
    width: 100%;
    display: inline-block;
    background: #fff;
    border-bottom: none;
    box-shadow: 1px 2px 7px 0 #eff1f8;
    margin-bottom: 15px;
}

.tab-v1 .nav-tabs > li {
    margin: 0;
}

.tab-v1 .nav-tabs > li:first-child {
    margin-left: 0;
}

.tab-v1 .nav-tabs > li > a {
    font-size: 15px;
    color: #34343c;
    border-radius: 0;
    border: none;
    padding: 15px 20px;
    margin-right: 0;
}

.tab-v1 .nav-tabs > li:active > a, .tab-v1 .nav-tabs > li:focus > a, .tab-v1 .nav-tabs > li:hover > a {
    background: inherit;
}

.tab-v1 .nav-tabs > li:hover > a {
    color: #0099e5;
    border: none;
}

.tab-v1 .nav-tabs > li.active > a {
    color: #0099e5;
    border: none;
    border-bottom: 3px solid #0099e5;
}

.tab-v1 .tab-pane {
    background: #fff;
    font-size: 15px;
    color: #606060;
    box-shadow: 1px 2px 7px 0 #eff1f8;
    padding: 20px;
}

@media (max-width: 767px) {
    .nav-main .nav-toggle {
        height: 70px;
        border: 0;
        width: 85px;
    }

    body {
        padding-left: 0 !important;
    }

    .breadcrumbs-v5 .breadcrumbs-v5-title {
        font-size: 22px;
        word-spacing: 0px;
    }

    .breadcrumbs-v5 {
        padding: 80px 0 80px;
    }

    .news-v6 {
        padding: 0px;
    }

    .news-v6 p {
        font-size: 13px;
    }

    .half {
        display: block;
        width: 100%;
    }

    .borderbox {
        height: auto;
        position: relative;
    }

    .borderbox2 {
        height: auto;
        position: relative;
    }

    .full-height {
        padding: 10px;
    }

    .half.full-height.pos-rel {
        display: none;
    }

    p.sansSerif {
        font-size: 13px;
        line-height: 2;
        letter-spacing: 1px;
    }

    .timeline ul li {
        margin-left: 10px;
    }

    .both_block_set {
        display: block;
        width: 100%;
    }

    .timeline ul li div {
        max-width: 320px;
        width: auto;
        min-width: 510px;
    }

    .inner {
        width: 100%;
    }

    .site-title img {
        width: 230px;
    }

    .nav-main .nav-inner {
        padding: 0 0 0 15px;
        width: 100%;
    }

    .nav-main .menu {
        margin: 0;
        font: 700 16px/1 "Montserrat", sans-serif;
        padding: 0;
    }

    .title_holder .holder_items .center_holder {
        padding: 10px;
    }

    .title_holder .holder_items .center_holder .inner_holder.homepage .title_part {
        width: 100%;
        padding-left: 0%;
    }

    .panel.home .container.fullpanel .both_block_set:first-child {
        padding: 0px 30px;
        margin-bottom: 40px;
    }

    section#process .pages li {
        font-size: 1.4em;
        width: 44%;
        padding: 0 0 0 0px;
        margin: 6px 10px;
    }

    section#process .contents {
        position: relative;
        width: 100%;
        margin: auto;
        padding: 10px;
    }

    section#process .headAnim {
        position: absolute;
        z-index: 3;
        height: 84px;
        width: auto !important;
        top: 50%;
        margin-top: -71px;
    }

    section#process .contents img {
        width: 100%;
    }

    section#process {
        padding-bottom: 30px;
    }

    section.panel.panel1.the-process .container.fullpanel {
        height: auto;
    }

    section.panel.panel1.the-process .container.fullpanel .vertical-center {
        position: relative;
        top: 0;
        transform: none;
        padding: 30px 0px;
    }

    .processList {
        padding-top: 35px;
    }

    .process_inner_block {
        position: relative;
        bottom: 0;
        padding-top: 100px;
    }

    .processSingle, .process_inner_block .processSingle {
        width: 48%;
        padding: 0;
        display: inline-block;
        vertical-align: bottom;
        margin: 0;
        margin-bottom: 30px;
        padding-top: 30px;
    }

    section.panel.ourfamily_top .world-map {
        display: none;
    }

    section.panel.bg-black.wordWall .container.fullpanel {
        height: auto;
    }

    section.panel.bg-black.wordWall .container.fullpanel .vertical-center {
        text-align: center;
        width: 100%;
        position: relative;
        top: 0;
        transform: none;
        z-index: 9;
        padding: 50px 0px;
    }

    section.panel.bg-black.wordWall .container.fullpanel .vertical-center h2 {
        font-size: 12px;
    }

    .page-intro-images .intro-body {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 9;
    }

    .page-intro-images .intro-images .image-container:nth-child(1) {
        left: 0px;
        top: 0px;
        width: 100%;
        min-height: 100px;
        position: relative;
    }

    .page-intro-images {
        padding: 0;
    }

    .page-intro-images .intro-body .page-title {
        font-size: 28px;
        margin-left: 0px;
    }

    .page-intro-images .intro-images {
        position: relative;
        margin-top: 50px;
    }

    .page-intro-images .intro-images .image-container:nth-child(2) {
        display: none;
        /*width: 100%;*/
        /*min-height: 100px;*/
        /*bottom: 0;*/
        /*left: 0;*/
    }

    .page-intro-images .intro-images .image-container:nth-child(3) {
        /*top: 0;*/
        /*left: 0;*/
        display: none;
        /*width: 100%;*/
        /*min-height: 100px;*/
    }

    section.panel.home .container.fullpanel {
        height: auto;
    }

    section.panel.home {
        padding: 10px 0px 90px 0px;
    }

    section.panel.home .both_block_set:last-child {
        padding-top: 60px;
    }

    section.panel.home .container.fullpanel .vertical-center {
        text-align: center;
        width: 100%;
        position: relative;
        top: 0;
        transform: none;
        z-index: 9;
    }

    .product_two_sec {
        width: 88%;
        margin: auto;
        left: 0;
        right: 0;
    }

    .product_conet {
        position: relative;
        width: 90%;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
    }

    .animated.product_two_sec_content.right_side_cont .product_conet {
        position: relative;
        width: 90%;
        left: 0;
        right: 0;
        top: auto;
        margin: auto;
    }

    .animated.product_two_sec_content.right_side_cont {
        bottom: -280px;
    }

    .product_two_sec.right_side_img {
        margin-left: 1%;
        top: -450px;
    }

    .dlink {
        float: none;
        display: inline-block;
    }

    .product_conet p {
        font-size: 12px;
    }

    .full-w {
        text-align: center;
        padding-bottom: 20px;
    }

    .quality_page .product_two_sec_content, .product_two_sec {
        width: 100%;
    }

    .hide-in-media {
        display: none;
    }

    .show-in-media {
        display: block;
    }

    .product_conet:hover {
        -webkit-transform: none;
        transform: none;
    }

    .projectInfoContent {
        width: 100%;
        margin: 0;
        padding: 10px;
        margin-bottom: 20px;
    }

    .contaciner {
        text-align: center;
        width: 100%;
        padding: 0px 15px;
    }

    .projectInfoContent h2, .projectInfoContent h1 {
        position: relative;
        margin: 0;
        font-size: 30px;
    }

    .in_row_three .dashborad_recent_order, .in_row_two .dashborad_recent_order, .dashborad_recent_order.in_double_dash, .dashborad_recent_order, .in_two_horizental {
        width: 100%;
        min-height: 150px;
        margin: 0px;
        margin-bottom: 20px;
    }

    .in_two_horizental_row {
        width: 100%;
    }

    .project_slide {
        width: 100%;
        margin-left: 0;
    }

    .miscInfo {
        margin: 20px 0;
        display: block;
    }

    .projectInfoContent p {
        margin-top: 20px;
        line-height: 2;
        font-weight: 400;
        font-size: 12px;
    }

    .about-menu-main {
        display: none;
    }

    .accreditions li {
        width: 155px;
    }

    .timeline-v4 .timeline-v4-panel {
        text-align: left;
    }

    div#london {
        margin-top: 50px;
    }

    .contacts-block .location-name {
        font-size: 28px;
        line-height: 1.3;
    }

    .contacts-block .contact-info > .inner {
        padding: 30px 15px !important;
    }

    .download li {
        width: auto;
        max-width: 360px;
    }

    .custom-testimonial_thumb {
        border: 0;
        margin: auto;
        width: 100%;
    }

    .custom-testimonial_comments {
        text-align: center;
        display: block;
        padding: 0;
    }

    .hamburger {
        width: 30px;
        height: 21px;
        top: -2px;
        right: -30px;
    }

    .custom-testimonial {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.19);
        margin-bottom: 25px;
    }

    .custom-testimonial:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
    }

    div#rev-slider2_forcefullwidth {
        max-height: 350px !important;
        margin-bottom: 50px !important;
    }

    .html5vid.fullcoveredvideo source {
        visibility: visible;
    }

    .rev_slider_wrapper {
        height: 350px !important;
    }

    .nav-main .nav-toggle .open, .nav-main .nav-toggle .close {
        margin: -35px 0 0;
        padding: 30px;
    }

    .header-right-side {
        display: none;
    }

    .header-right-side {
        display: none;
    }

    .achivment-page-block .margin-b-20 {
        margin-bottom: 40px !important;
    }

    .achivment-page-block .both_block_set img {
        margin-bottom: 15px;
    }

    section#process .headAnim2 {
        position: absolute;
        z-index: 3;
        height: 100px;
        width: 100px !important;
        top: 81px;
    }

    #process_blueprint .headAnim2 {
        left: 8px !important;
    }

    .foundry-max-width {
        max-width: 680px;
        margin-left: 23px;
    }

    section#process .headAnim3 {
        position: absolute;
        z-index: 3;
        height: 117px !important;
        width: 87px !important;
        top: 66px;
        left: 6px;
    }

    .rnd-max-width {
        max-width: 690px;
        margin-left: 23px;
    }
}

@media (max-width: 768px) {
    .timeline-v4:before {
        left: 15px;
    }

    .timeline-v4:after {
        left: 15px;
    }

    .timeline-v4 .timeline-v4-list-item {
        position: relative;
        width: 100%;
        float: left;
        clear: left;
        padding: 0 0 0 50px;
    }

    .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon {
        position: absolute;
        top: 59px;
        left: 4px;
        right: auto;
        width: 15px;
        height: 15px;
    }

    .timeline-v4 .timeline-v4-list-item .timeline-v4-badge:before {
        position: absolute;
        top: 30px;
        left: -24px;
        right: auto;
    }

    .timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon {
        margin-left: 0;
    }

    .timeline-v4 .timeline-v4-panel.timeline-v4-panel-left:after {
        position: absolute;
        top: 50px;
        left: auto;
        right: 100%;
        border-width: 15px 20px 15px 0;
        border-color: transparent #fff transparent transparent;
        margin-left: -3px;
    }

    .timeline-v4:before {
        left: 15px;
    }

    .timeline-v4:after {
        left: 15px;
    }

    .timeline-v4 .timeline-v4-list-item {
        position: relative;
        width: 100%;
        float: left;
        clear: left;
        padding: 0 0 0 50px;
    }

    .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon {
        position: absolute;
        top: 59px;
        left: 8px;
        right: auto;
    }

    .timeline-v4 .timeline-v4-list-item .timeline-v4-badge:before {
        position: absolute;
        top: 30px;
        left: -24px;
        right: auto;
    }

    .timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon {
        margin-left: 0;
    }

    .timeline-v4 .timeline-v4-panel.timeline-v4-panel-left:after {
        position: absolute;
        top: 50px;
        left: auto;
        right: 100%;
        border-width: 15px 20px 15px 0;
        border-color: transparent #fff transparent transparent;
        margin-left: -3px;
    }

    .inner {
        width: 100%;
    }

}